Tutorial HTML lesson 6: More HTML tags

in howto •  8 years ago  (edited)

This text should be lettered in size small

Hello everyone I'm here to add the sixth lesson.

And you? built a few pages as suggested in the previous lesson? No? Yes? Well, the following is an example:

 <html>

 <head>
 <title>My website</title>
 </head>
 <body>
 <h1>On header </h1>
 <p>text, text text, text</p>
 <h2>Subtitle</h2>
 <p>text, text text, text</p>
 </body>
</html>

And now?

Now we learn seven new Tags.

You already know you can get bold with <b> tag, now know you can get italics - inclined letters - with the <i>. Have you noticed is not ?, "i" stands for "italic". 

Example 1:

<i> This text should be italicized.</i>

Will be in the browser like this:

This text should be italicized

Similarly you can make your text with smaller font using the </smal>

Example 2

 <small>This text should be lettered in size small.</small>

Will be in the browser. like this:

This text should be lettered in size smal.

Can I use multiple tags simultaneously?

Yes you can use as many tags you want from that nest conveniently. See how to do this in the example below:

Example 3: 

To write a text in bold italics do as follows:

<b><i>Text in bold italics.</i></b>

And not so: 

<b><i>Text in bold italics.</b></i>

Note that in the first example the first opening tag <b> is the last closing tag </b>, and nesting is right. This avoids confusion for those who write the code and to the browser that reads the code.

More tags! 

As stated in Lesson 4 there are tags that are opened and closed in a single tag. These tags are single commands, ie contains no text within them to function. An example is the `<br /> `tag to create a line break:

Example 4: 

A text <br/> and some more text in a new line

Will be in the browser like this:

A text 

and some more text in a new line

Note that the tag is written as if it were a mixture opening tag and closing with a slash "/" at the end: <br/>. The principle can also write <br> </br> (void), Why to complicate?

 Another command tag is <hr/> which is used to define a horizontal line ("hr" is "horizontal rule" - horizontal rule): 

Example 5

<hr/>

Will be in the browser like this: (Horizontal Line)

Example 6: (unordered list) 

<ul>

 <li>A list item</li>

 <li>Another list item</li>

</ul>

Will be in the browser like this: 

  • A list item
  • Another list item

The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.

Use the<li> tag to define list items.

Example 7: (Organized list) 

<ol>

 <li>First list item</li>

 <li>Second list item</li>

 </ol>

Will be in the browser like this: 

  1. First list item
  2. Second list item

Wow! That is all?

Yes for now that's all. We recommend again tyou to do the experiences building a few pages using the seven tags. that you learned in this lesson.


         <i>Italic</i>

<smal>Small Text</smal>

<br /> Break line

<hr/> Horizontal line`

<ul>Unordered list</ul>

<ol>Organized list)</ol>

<li>List item</li>

Lesson 1 HTML
Lesson 2 What is HTML?
Lesson 3 What are HTML tags?
Lesson 4 Create your first website
Lesson 5 what have you learned?
Lesson 6 More HTML tags?
Lesson 7 Attributes


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

snigger you said "head" hurhur