Search This Blog

HTML

 HTML

HTML stands for Hyper Text Markup Language.

<!DOCTYPE html>  <!--defines this as an html doc-->
<html lang="en"> <!-- root element of an html page-->

<head> <!-- head element contains meta information-->
<title> Page Title(HTML practice)</title> <!-- title for the HTML page-->
</head>

<body style="background-color:#e6f5ff;"> <!--defines document body and contains contents such as headings, paragraphs, images, heperlinks,
tables...-->
<h1 style="background-color:powderblue; color:blue; font-family:verdana; font-size:300%">This is heading 1</h1> <!--heading-->
<h2 style="text-align:center;">This is heading 2</h2>
<h3 style="background-color:#f12220;">This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>

<a href="https://www.w3schools.com">This is a link</a>
<img src="C:\Users\Hari\Desktop\image.png" alt="Earth Image" width="200" height="200"> <!--src is for images-->
<h6>This is heading 6</h6>

<p>This is<sub> subscript</sub> and <sup>superscript</sup></p> <!--paragraphs with subscript, superscript-->
<p><b>This text is bold.</b></p>
<p><strong>This text is important!</strong></p>
<p><i>This text is italic.</i></p>
<p><em>This text is emphasized.</em></p>
<p><small>This is some smaller text.</small></p>
<p>Do not forget to buy <mark>milk</mark> today.</p>
<p>My favorite color is <del>blue</del> red.</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>
<p>WWF's goal is to: <q>shot quotations.</q></p>
<p><abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

<br>
<p><cite>The Scream</cite> by Edvard.</p>
<bdo dir="rtl">This line will be written from right to left</bdo> <!-- overrides current text direction-->

<!--Border color-->
<h1 style="border:2px solid tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>


</body>
</html>