09/06/2016

HTML Basic Examples

HTML Documents

  1. All HTML documents must start with a type declaration: <!DOCTYPE html>.
  2. The HTML document itself begins with <html> and ends with </html>.
  3. The visible part of the HTML document is between <body> and </body>.

Example

<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Output:-
_____________________

My First Heading

My first paragraph.
----------------------------------------------------

HTML Headings

HTML headings are defined with the <h1> to <h6> tags:

Example

<!DOCTYPE html>
<html>
<body>

<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>

</body>
</html>

Output:-
________________________________________

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6
-----------------------------------------------------------------

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example:-

<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

Output:-
__________________________________

This is a paragraph.
This is a paragraph.
This is a paragraph.
__________________________________

HTML Links

HTML links are defined with the <a> tag:

Example:-

<!DOCTYPE html>
<html>
<body>

<a href="http://seopedias.blogspot.com/">This is a link</a>

</body>
</html>

Output:-
___________________________________
This is a link
___________________________________