Walk Lightly on this PLANET and yet leave such a FOOTPRINT that cannot be erased for thousands of Years..!!!
Visit Codstech for Cyber Security related Posts !

Visitors

Sunday, September 15, 2013

H8 - Formatting Options in HTML

Open note pad (wordpad or MS word) , then type the commands as given below : 
Save the file as . htm (dot htm) or   . html (dot html) .
Open any web page , and browse the created page  to view the  web page .
Refer HTML - An Introduction before creating any web page.
===============================================
<html>
<head>
<Title>Formatting Tags</title>
</head>
<body>
    <br><b>Bold</b>
    <br><i>Italilcs</i>
    <br><u>Underline</i>
    <br><b><i><u>Bold-Italilcs-Underline</b></i></u>
    <br>Look at this<sup>Superscript</sup>
    <br>Look at this<sub>Subscript</sub>
    <br>Look at this<strong>Strong Text</strong>
    <br>Look at this<em>Emphasized Text</em>
    <br>Look at this<strike>Striked Out Text</strike>
    <br>Look at this<big>Big Text</big>
    <br>Look at this<small>Small Text</small>
            <br>Look at this<center>Text in Centre</centre>
    <br><font face="Arial">This is Arial Font></font>
    <br><font face="Courier"size="5">This is Courier Font with size 5></font>
    <br><font face="Times New Roman"size="10"color="red">Times New Roman Font with size 10 & Red color ></font>
    <br><font size="1">Font Size=1></font>
    <br><font size="2">Font Size=2></font>
    <br><font size="5">Font Size=5></font>
    <br><font color="blue">Blue Color></font>
    <br><font color="green">Green Color></font>

</body>
</html>

OUTPUT : 


Note : Formatting Options in HTML are ; 

1  : <br> = BOLD
2  : <i>  = ITALICS
3  : <u>  = UNDERLINE
4  : <sup>      = SUPERSCRIPT
5  : <sub>      = SUBSCRIPT
6  : <strong>   = BOLD FACE
7  : <em>       = EMPHASIZED TEXT
8  : <strike>   = STRIKEOUT EFFECT
9  : <big>      = BIGGER THAN NORMAL TEXT
10 : <small>    = SMALLER THAN NORMAL TEXT
11 : <centre>   = ALIGN TEXT & IMAGES AT CENTRE
12 : <font>     = TO CHANGE FONT ; 
Font has 3 attributes namely FACE,SIZE,COLOR : Color attributes values ranges from 000000 to FFFFFF.

13 : <bgcolor>  = TO SET BACKGROUND COLOR
14 : <basefont> = SETS OR CHANGE THE ENTIRE TEXT IN THE PAGE
(13 & 14 are given in the coming 2 programs)

Back to HTML  

PREVIOUS CHAPTER                 NEXT CHAPTER

H7 - Types of Heading in HTML

Open note pad (wordpad or MS word) , then type the commands as given below : 
Save the file as . htm (dot htm) or   . html (dot html) .
Open any web page , and browse the created page  to view the  web page .
Refer HTML - An Introduction before creating any web page.
===============================================
<html>
<head>
<Title>Heading</title>
</head>
<body>
    <h1>Priyada Mohanan</h1>
    <h2>Priyada Mohanan</h2>
    <h3>Priyada Mohanan</h3>
    <h4>Priyada Mohanan</h4>
    <h5>Priyada Mohanan</h5>
    <h6>Priyada Mohanan</h6>
        <h1 align="right">Priyada Mohanan</h3>
<h2 align="center">Priyada Mohanan</h1>
<h3 align="left">Priyada Mohanan</h2>
     
</body>
</html>

OUTPUT : 



Note : 
<h1> to <h6> is used to give heading.
<h1> is the biggest heading , and <h6> is the smallest one.
Note that , We can use alignment option (left,right,centre etc) with the heading tags.

Back to HTML  

PREVIOUS CHAPTER                 NEXT CHAPTER