Problem Statement :-
Create an html page named as “: Basic_Html_Tags.html”
Add the following tags detail.
1. Set the title of the page as “Basic Html Tags”
2. Within the body perform the following
a) Moving text = “Basic HTML Tags”
b) Different heading tags ( h1 to h6)
c) Paragraph
d) Horizontal line
e) Line Break
f) Block Quote
g) Pre tag
h) Different Logical Style ( <b>, <u>, <sub>, <sup>....)
i) Different Physical style ( <code>, <del>, <kbd>...)
j) Listing tags ( 2 types with, & each type provide different “type” attribute)
Basic_Html_Tags
<html>
<head>
<title> Basic Html Tags</title>
<meta name="description" content="Web Programming">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="SITTTR">
<meta charset="UTF-8">
</head>
<body>
<marquee > Basic HTML Tags</marquee>
<center><FONT COLOR="#FF0000" size=5> Heading Tags => font size-18 pt,
colour-RED
</FONT></center>
<h1 align="center"> Heading H1 - 24 pt</h1>
<h2 align="right"> Heading H2 - 18 pt</h2>
<h3 align="left"> Heading H3 - 12 pt bold</h3>
<h4> Heading H4 - 12 pt</h4>
<h5> Heading H5 - 10 pt </h5>
<h6> Heading H6 - 7 pt </h6>
<font size=7> font size-36 pt, </font>
<font size=6> font size-24 pt, </font>
<font size=5> font size-18 pt, </font>
<font size=4> font size-12 pt bold, </font>
<font size=3> font size-12 pt plain, </font>
<font size=2> font size-9 pt. </font>
<hr>
<center><FONT COLOR="#00FF00" size=4> Text Elements => font size-12 pt,
colour-GREEN
</FONT> </center>
<p>This is a paragraph tag.
HTML 5
One of the most important technologies on this list doesn't fully exist yet — HTML
5 — but
in 2008, key features started to trickle out.
sn't invited to the party
</p>
<hr>
<center><FONT COLOR="#0000FF"> Line break Tags => colour-BLUE
</FONT></center>
This is a long piece of text consisting of three<BR>
sentences and shows you the functions of the<BR>
Line Break tag. This tag is used quite frequently<BR>
to add line breaks in the HTML code. It is also used<BR>
to add blank lines to a document.<BR>
<hr>
<center><FONT COLOR="#0000FF"> BLOCK QUOTE Tags</FONT></center>
<p>This is some text before the quotation.</p>
<blockquote>This is a long blockquote created with the <blockquote>
tag.</blockquote>
</blockquote>
<hr>
<center><FONT COLOR="#0000FF"> PRE Tags</FONT></center>
<pre>
JAVA
OOPS LAB
WEB LAB
</PRE>
<HR>
<center> <FONT COLOR="#0000FF"> Logical style </FONT></center>
This is <b>bold</b> This is bold<br>
This is <big>big font</big> This is big font<br>
This is <i>italic</i> This is italic<br>
Was <s>$50</s>; now $40 Was $50; now $40<br>
This is <small>small</small> This is small<br>
H<sub>2</sub>O H2O<br>
May 5<sup>th</sup> 2005 May 5th 2005<br>
<tt>fixed-width font</tt> fixed-width font<br>
This is <strike>strike through.</strike>This is strike.<br>
This is <u>underlined</u> This is underlined<br>
<br>
<hr>
<center> <FONT COLOR="#0000FF"> Physical Style </FONT></center>
This is used for a short <cite>quote</cite>. This is used for a short quote.<br>
<code>y = m * x + b</code> y = m * x + b<br>
<del>Deleted</del> text Deleted text<br>
<dfn>definition</dfn> text definition text<br>
This is <em> emphasized </em>. This is emphasized<br> .
<ins>inserted</ins> text inserted text<br>
<kbd>key board code</kbd> key board code <br>
<samp>code</samp> sample code sample<br>
This is <strong>strong</strong>. This is strong.<br>
<var>program</var> variable program variable<br>
<br>
<hr>
<center><FONT COLOR="#0000FF"> Listing Tags</FONT></center>
<h4>Numbered list:</h4>
<ol>
<li>java</li>
<li>perl</li>
<li>c++</li>
</ol>
<h4>Letters list:</h4>
<ol type="A">
<li>smtp</li>
<li>http</li>
<li>ftp</li>
</ol>
<h4>Lowercase letters list:</h4>
<ol type="a" start="2">
<li>php</li>
<li>javascript</li>
<li>ajax</li>
</ol>
<h4>Roman numbers list:</h4>
<ol type="I">
<li>DTE</li>
<li>JCTE</li>
<li>SITTTR</li>
</ol>
<h4>Lowercase Roman numbers list:</h4>
<ol type="i" start="4" >
<li>Computer Engg.</li>
<li>Mechanical Engg.</li>
<li>Electronics Engg.</li>
</ol>
<h3>Here is a nested ordered list:</h3>
<ol type="I">
<li>Module 1</li>
<li>Module 2
<ol type="i">
<li>Module 2.1</li>
<li>Module 2.2</li>
</ol>
</li>
<li>Module 3</li>
</ol>
<h4>Disc bullets list:</h4>
<ul type="disc">
<li>Keyboard</li>
<li>Mouse</li>
<li>Moniter</li>
</ul>
<h4>Circle bullets list:</h4>
<ul type="circle">
<li>CRT</li>
<li>LCD</li>
<li>LED</li>
</ul>
<h4>Square bullets list:</h4>
<ul type="square">
<li>Windows</li>
<li>Linux</li>
<li>Android</li>
</ul>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black Coffee OR Milk Coffee</dd>
<dt>Milk</dt>
<dd>Hot White milk OR Cold Chocolate Milk</dd>
</dl>
<hr>
</body>
</html>
