Scribd
Upload
5 views2 pages

HTML Formatting Techniques Guide

The document provides examples of various HTML elements including bold and underlined text, ordered and unordered lists, tables, images, hyperlinks, background colors and images, as well as text size and font styles. Each example is presented within a body tag, demonstrating how to format and display content on a webpage. These examples serve as a guide for basic HTML formatting techniques.

Uploaded by

yaseen235325
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views2 pages

HTML Formatting Techniques Guide

The document provides examples of various HTML elements including bold and underlined text, ordered and unordered lists, tables, images, hyperlinks, background colors and images, as well as text size and font styles. Each example is presented within a body tag, demonstrating how to format and display content on a webpage. These examples serve as a guide for basic HTML formatting techniques.

Uploaded by

yaseen235325
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

1.

Bold Text
<body>
<p><b>This is bold text</b></p>
</body>

2. Underlined Text
<body>
<p><u>This text is underlined</u></p>
</body>

3. Ordered List
<body>
<h3>Ordered List</h3>
<ol>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ol>
</body>

4. Unordered List
<body>
<h3>Unordered List</h3>
<ul>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ul>
</body>

5. Table
<body>
<h3>Table Example</h3>
<table border="1">
<tr>
<th>Name</th>
<th>Marks</th>
</tr>
<tr>
<td>Ali</td>
<td>85</td>
</tr>
<tr>
<td>Rahul</td>
<td>90</td>
</tr>
</table>
</body>

6. Insert Image
<body>
<h3>Insert Image</h3>
<img src="[Link] width="150" height="100" alt="Example Image"
</body>

7. Hyperlink
<body>
<h3>Hyperlink</h3>
<a href="[Link] to Google</a>
</body>

8. Background Colour
<body style="background-color: lightblue;">
<h3>Background Colour</h3>
<p>This page has a light blue background.</p>
</body>

9. Background Image
<body style="background-image: url('[Link] background-s
<h3>Text on Background Image</h3>
<p>This text is written on a background image.</p>
</body>

10. Text Size and Font


<body>
<h3>Text Size and Font</h3>
<p style="font-size:12px;">This is small text</p>
<p style="font-size:20px;">This is large text</p>
<p style="font-family:'Times New Roman';">This is Times New Roman font</p>
</body>

You might also like