1. Web Application Development CS-EC 486T
Second Lab

2. HTML Text Formatting

3. HTML Text Formatting <b> - Bold text Output This text is normal.
This text is bold.
<b> - Bold text
<p>This text is normal.</p>
<p><b>This text is bold.</b></p>

4. HTML Text Formatting <strong>- Important text Output
This text is normal.
This text is important
<strong>- Important text
<p>This text is normal.</p>
<p><strong>This text is important.</strong></p>

5. HTML Text Formatting <i>- Italic text Output
This text is normal.
This text is italic
<i>- Italic text
<p>This text is normal.</p>
<p><i>This text is italic</i></p>

6. HTML Text Formatting <em>- emphasized text Output
This text is normal.
This text is emphasized
<em>- emphasized text
<p>This text is normal.</p>
<p><em>This text is emphasized</em></p>

7. HTML Text Formatting <mark>- Marked text Output
This text is normal.
This text is marked
<mark>- Marked text
<p>This text is normal.</p>
<p><mark>This text is marked</mark></p>

8. HTML Text Formatting <small>- Small text Output
This text is normal.
This text is small
<small>- Small text
<p>This text is normal.</p>
<p><small>This text is small</small></p>

9. HTML Text Formatting <del>- deleted text Output
This text is normal.
This text is deleted
<del>- deleted text
<p>This text is normal.</p>
<p><del>This text is deleted</del></p>

10. HTML Text Formatting <ins>- inserted text Output
This text is normal.
This text is inserted
<ins>- inserted text
<p>This text is normal.</p>
<p><ins>This text is inserted</ins></p>

11. HTML Text Formatting <sub>- subscript text Output
This text is normal.
This text is subscript
<sub>- subscript text
<p>This text is normal.</p>
<p>_{This text is subscript}</p>

12. HTML Text Formatting <sup>- superscript text Output
This text is normal.
This text is superscript
<sup>- superscript text
<p>This text is normal.</p>
<p>^{This text is superscript}</p>

13. Evaluation1 Write your full name.
Use HTML formatting to write your full name in the Five format in the box below
Your Name

14. Evaluation1 What is the mistake in the code? Required output Your Name
<b>Your Name
<mark>Your Name
<ins>Your Name
<del>Your Name
<small>Your Name
The code output
Your Name Your Name Your Name Your Name Your Name

15. Evaluation1 What is the mistake in the code? Required output Your Name
<b>Your Name </b>
<mark>Your Name </mark>
<ins>Your Name </ins>
<del>Your Name </del>
<small>Your Name </small>
The code output
Your Name Your Name Your Name Your Name Your Name

16. HTML Headings This is heding1. This is heding2. This is heding3.
Output
<h1> to <h6> -
<h1> defines the most important heading. <h6> defines the least important heading
This is heding1.
This is heding2.
This is heding3.
<h1>This is heding1.</h1>
 <h2>This is heding2.</h2>
<h3>This is heding3.</h3>

17. HTML List <ul> - Unordered List Output item1 item2 item3 item4
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>

18. Search for more list types and try them
HTML List
Output
<ul> - Unordered List
item1
item2
item3
item4
List-style-type
description
Disk
The default: sets the list item marker to a bullet
Square
Sets the list item marker to a square
<ul style="list-style-type:square;"> 
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
Search for more list types and try them

19. HTML List <ol> - ordered List Output item1 item2 item3 item4
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ol>

20. Search for more list types and try them
HTML List
Output
<ol> - ordered List
item1
item2
item3
item4
type
description
Type="1"
The default: the list items will be numbered with numbers
Type="a"
The list items will be numbered with lowercase letters
Search for more list types and try them
<ol type="a"> 
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ol>

21. Evaluation2
Use HTML to write the page below

22. Self Study
Search for more HTML tags and try them on your own