What are the different text types with Html?

Hello everyone! Today we will start with the very basics of Html! You will learn how to create text items on your beautiful webpages.

Firstly, you need to know that the main text items on HTML are paragraphs and titles. As HTML is very intuitive, the tags have a lot in common with the real words.

For normal text paragraphs on your webpage, you should use the <p> tag. It is very easy to use. You open it like this: <p> and close it like this </p>. This tag is used for any text items that are not important lines of your webpage or titles.

Example: <p>This is a paragraph</p>.

For titles or important parts of your webpage, you should use the <h> tag. This tag goes from <h1> up to <h6>. <h1> is the biggest title and <h6> the smallest. You do not need to assign a size to one of these tags as they already come with their own size. If you want to keep the same size but want your text to be an <h1> or <h2> for example, you can do it. This can be useful if you want to write everything in the same size but want your website to be SEO friendly. Effectively, <h1> and <h2> are the first tags being read by search engines. This is why you want to put your important keywords and titles in these tags.

Example: <h1>This is the most important title</h1>.

Capture d’écran 2017-04-19 à 15.44.40.png

That is pretty much it about text items in Html! As you can see it is very easy to make text appear on your webpage. You just need to know the tag names and be careful in closing every tag you opened with a backslash before the tag name.

I will talk about more complex Html tags in upcoming posts. If you want to be updated, follow the blog!

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s