HTML5 Basics–Practice 6

This is in continuation to the code of HTML5 Basics–Practice 5. Even today we will go through some easy tags. You can type the code and then check the output. The new addition to the previous code is in bold and italics.


“Code Starts”

<!Doctype html>
<title>Second Page</title>
<body style=”background-color:red;”>
<h1 style=”color:green;”>Green Heading h1</h1>
<p style=”color:blue;”>Blue paragraph.</p>

<h2 style=”font-family:arial;”>Arial Font h2</h2>
<p>This is normal paragraoh</p>
<p style=”font-size:5em;”>This is 5em font sized paragraph.</p>
<p style=”font-size:5pt;”>This is 5pt font sized paragraph.</p>
<p style=”font-size:5px;”>This is 5px font sized paragraph.</p>
<p style=”font-size:5%;”>This is 5% font sized paragraph.</p>
<p style=”text-align:center;”>This is a centre aligned text.</p>

<h1 style=”text-align:center;”>This is center aligned.</h1>
<h1 style=”text-align:left;”>This is left aligned.</h1>
<h1 style=”text-align:right;”>This is right aligned.</h1>

<p><b>This text is in bold.</b></p>
<p><i>This text is in italics.</i></p>
<p><u>This text is underlined.</u></p>
<p><strong>This text is important.</strong></p>
<p><em>This text is emphasised.</em></p>
<p>2 <sup>superscript 3</sup></p>
<p>3 <sub>subscript 2</sub></p>
<p><small>This text is small.</small></p>
<p>This text has <ins>inserted tag</ins>.</p>
<p>This text has <del>deleted tag</del>.</p>
<p>This text has <mark>mark tag</mark>.</p>

“Code ends”

If you have any queries, please post your comments.


2 thoughts on “HTML5 Basics–Practice 6

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s