Wednesday 28 November 2012

HTML Formatting Tags

HTML
HTML (Hyper Text MarkUp Language) is used to create web pages. The codes are called tags. The tags are given within < and >.
There are two types of tags ,
i.                   Container Tag : It has both opening and closing tags.
                         e.g : <html>  </html>
ii.                 Empty Tag     : It has only a opening tag.
                        e.g : <br>
The basic structure of a HTML document is
<html>
<head>
<title>
</title>
</head>
<body>
………
……..
</body>
</html>
 Whatever is typed between <title> and </title>  will be displayed on the title bar not in the web page.

<html>
<head><title> My Page BCBS</title>
</head>

<body>
Your text goes here.
</body>
</html>

Example 1 :
<html>
<head><title> My Page BCBS</title>
</head>
<body>
Bishop Cotton Boys' School
</body>
</html>


The output will be :

 


The data entered between <body> and </body> only  will be displayed in the web page.

 I.                   Formatting Tags :
1.     Bold :  <b>  …</b>
2.     Italics  : <I> …. </I>
3.     Underline  : <U> ….</U>
 
4.     Center Tag: The spelling is important. It positions the text in the center of the screen. <center>....</center>

 
II.                Marquee Tag : It helps the text or image move from one direction to the other.
i.                   Background  color:
<marquee bgcolor=olive> ….. </marquee>
ii.                 Behavior : No u in the spelling.
a.     Scroll : It is a default attribute.It moves the text from right to left.
b.     Slide : It moves to the opposite direction and stops.
c.      Alternate : It moves to the opposite direction , bounces back to the original direction and continues.
<marquee behavior=alternate>…..</marquee>
iii.              Speed :
<marquee scrolldelay=number>…..</marquee>
It determines the speed of the marquee. If the number is small, the marquee will move faster, and it moves slower if the number is big.
iv.              Direction :
<marquee direction= right or left or up or down>….</marquee>
v.                 Loop : It gives the number of times the text will move.
<marquee loop=number> ….. </marquee>

2 comments: