Scribd
Upload
128 views

HTML Codes

This document provides examples of common HTML tags for formatting text, inserting images, creating lists, adding links, and displaying data in tables. It demonstrates the use of headings, paragraphs, line breaks, bold, italics, font colors and sizes, horizontal rules, lists, links, images, centered text, definition lists, frames, and tables. Styles are also introduced with a CSS example to style tables.

Uploaded by

ravina10008
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
128 views

HTML Codes

This document provides examples of common HTML tags for formatting text, inserting images, creating lists, adding links, and displaying data in tables. It demonstrates the use of headings, paragraphs, line breaks, bold, italics, font colors and sizes, horizontal rules, lists, links, images, centered text, definition lists, frames, and tables. Styles are also introduced with a CSS example to style tables.

Uploaded by

ravina10008
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

<html>

<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
<hr> : for line
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<br>: to break the line
<p>This is<br>a para<br>graph with line breaks</p>
Formating :
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<a href>: for link
<a href="http://www.w3schools.com">This is a link</a>
<img>: for image; src: source; width and height: size
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
<center>This text will be center-aligned.</center>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p><b>Tip:</b> Use h1 to h6 elements only for headings. Do not use them just to
make text bold or big. Use other tags for that.</p>
<frameset cols="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>


<p><font size="3" color="red">This is some text!</font></p>

<p><font size="2" color="blue">This is some text!</font></p>

<p><font face="verdana" color="green">This is some text!</font></p>

<p><strong>Note:</strong> The font element is not supported in HTML5. Use CSS
instead.</p>

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

<style>
table,th,td
{
border:1px solid black;
}
</style>
</head>
<body>

<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>

You might also like