Tutorial HTML lesson 6: More HTML tags
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:
- First list item
- 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>
snigger you said "head" hurhur