Web Application Development CS-EC 486T Second Lab
HTML Text Formatting
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>
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>
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>
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>
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>
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>
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>
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>
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><sub>This text is subscript</sub></p>
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><sup>This text is superscript</sup></p>
Evaluation1 Write your full name. Use HTML formatting to write your full name in the Five format in the box below Your Name
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
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
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>
HTML List <ul> - Unordered List Output item1 item2 item3 item4 <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> </ul>
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
HTML List <ol> - ordered List Output item1 item2 item3 item4 <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> </ol>
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>
Evaluation2 Use HTML to write the page below
Self Study Search for more HTML tags and try them on your own