<p><sup>This text should be lettered in size small<sup></sup></sup></p>
<p>Hello everyone I'm here to add the sixth lesson.</p>
<p>And you? built a few pages as suggested in the previous lesson? No? Yes? Well, the following is an example:</p>
<p> <code><html><br />
<br />
<head><br />
<title>My website</title><br />
</head><br />
<body><br />
<h1>On header </h1><br />
<p>text, text text, text</p><br />
<h2>Subtitle</h2><br />
<p>text, text text, text</p><br />
</body><br />
</html></code></p>
<p>And now?</p>
<p>Now we learn seven new Tags.</p>
<p>You already know you can get bold with <code><b></code> tag, now know you can get italics - inclined letters - with the <code><i></code>. Have you noticed is not ?, "i" stands for "italic". </p>
<p>Example 1:</p>
<p><code><i></code> This text should be italicized<code>.</i></code></p>
<p>Will be in the browser like this:</p>
<p><em>This text should be italicized</em></p>
<p>Similarly you can make your text with smaller font using the <code></smal></code></p>
<p>Example 2</p>
<p> <code><small>This text should be lettered in size small.</small></code></p>
<p>Will be in the browser. like this:</p>
<p>This text should be lettered in size smal.</p>
<p>Can I use multiple tags simultaneously?</p>
<p>Yes you can use as many tags you want from that nest conveniently. See how to do this in the example below:</p>
<p>Example 3: </p>
<p>To write a text in bold italics do as follows:</p>
<p><code><b><i>Text in bold italics.</i></b></code></p>
<p>And not so: </p>
<p><code><b><i>Text in bold italics.</b></i></code></p>
<p>Note that in the first example the first opening tag <code><b></code> is the last closing tag <code></b></code>, and nesting is right. This avoids confusion for those who write the code and to the browser that reads the code.</p>
<p>More tags! </p>
<p>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:</p>
<p>Example 4: </p>
<p>A text <code><br/></code> and some more text in a new line</p>
<p>Will be in the browser like this:</p>
<p>A text </p>
<p>and some more text in a new line</p>
<p>Note that the tag is written as if it were a mixture opening tag and closing with a slash "/" at the end: <code><br/></code>. The principle can also write<code> <br> </br></code> (void), Why to complicate?</p>
<p> Another command tag is <code><hr/></code> which is used to define a horizontal line ("hr" is "horizontal rule" - horizontal rule): </p>
<p>Example 5</p>
<p><code><hr/></code></p>
<p>Will be in the browser like this: (Horizontal Line)</p>
<p>Example 6: (unordered list) </p>
<p><code><ul></code></p>
<p><code> <li>A list item</li></code></p>
<p><code> <li>Another list item</li></code></p>
<p><code></ul></code></p>
<p>Will be in the browser like this: </p>
<ul>
<li>A list item</li>
<li>Another list item</li>
</ul>
<p>The <code><ol> </code>tag defines an ordered list. An ordered list can be numerical or alphabetical.</p>
<p>Use the<code><li></code> tag to define list items.</p>
<p>Example 7: (Organized list) </p>
<p><code><ol></code></p>
<p><code> <li>First list item</li></code></p>
<p><code> <li>Second list item</li></code></p>
<p><code> </ol></code></p>
<p>Will be in the browser like this: </p>
<ol>
<li>First list item</li>
<li>Second list item</li>
</ol>
<p>Wow! That is all?</p>
<p>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.</p>
<p><br /></p>
<p> <code> <i>Italic</i></code></p>
<p><code> <smal>Small Text</smal></code></p>
<p><code> <br /> Break line</code></p>
<p><code> <hr/> Horizontal line`</code></p>
<p><code> <ul>Unordered list</ul></code></p>
<p><code> <ol>Organized list)</ol></code></p>
<p><code> <li>List item</</code>li></p>
<p>
<table>
<tr>
<td><center><a href="https://steemit.com/code/@sahriarbappy/tutorial-html-lesson-1">
<b>Lesson 1 HTML</b>
</a></center></td>
<td><center><a href="https://steemit.com/code/@sahriarbappy/tutorial-html-lesson-2-what-is-html">
<b>Lesson 2 What is HTML?</b>
</a></center></td>
<td><center><a href="https://steemit.com/code/@sahriarbappy/tutorial-html-lesson-3-what-are-html-tags">
<b>Lesson 3 What are HTML tags?</b>
</a></center></td>
</tr>
<tr>
<td><center><a href="https://steemit.com/code/@sahriarbappy/tutorial-html-lesson-4-create-your-first-website">
<b>Lesson 4 Create your first website</b></a></center></td>
<td><center><a href="https://steemit.com/code/@sahriarbappy/tutorial-html-lesson-5-what-have-you-learned">
<b>Lesson 5 what have you learned? </b></a></center></td>
<td><center>
<a href="https://steemit.com/code/@sahriarbappy/tutorial-html-lesson-6-more-html-tags">
<b>Lesson 6 More HTML tags? </b></a>
</center></td>
</tr>
<tr>
<td><center>
<a href="url" rel="noopener"><b>Lesson 7 Attributes</b></a></center></td>
<td><center></center></td>
<td><center></center></td>
</tr>
</table>
</p>
<p><br /></p>