0% found this document useful (0 votes)
23 views10 pages

HTML Tags - English Version

Uploaded by

kg19822011
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
23 views10 pages

HTML Tags - English Version

Uploaded by

kg19822011
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

HTML TAGS

Sl. Name of the HTML


No. tags
Attributes Use Example
<html>
1 <HTML> …. </HTML> Tags to start and end an HTML document.
</html>
<html>
<head>
2 <HEAD>….</HEAD>
Tags to start and end the heading of an
HTML document. </head>
</html>
<html>
<head>
3 <TITLE>….</TITLE>
Tags to start and end the title of an HTML <title>HTML Demo</title>
document. </head>
</html>
<html>
<head>
<title>HTML Demo</title>
</head>
Tags to start an end the body of an HTML <body>
Welcome to My Web Page !
document. It contains the description of the </body>
4 <BODY>….</BODY> document </html>

1.

<body bgcolor = green>


Welcome to My Web Page !
</body>
1. bgcolor
It changes the background color of the body.
Page - 1 Satyajit Mukherjee
2.
<body text = red>
Welcome to My Web Page !
</body>
It is used to change the text color in the body 3.
<body background=”flower.jpg”>
2. text of an HTML document.
</body>
4.
<body leftmargin=100>
Welcome to My Web Page !
3. background Any image can be brought as a background </body>
in the document's body. 5.
<body topmargin=100>
Welcome to My Web Page !
</body>
4. leftmargin
It can be used to set the left margin in the
body.

5. topmargin
It can be used to set the top margin in the
body.

<body>
Welcome to My Web Page !
5 <BR>
This tag ends a line and starts a new one with <br>
a little gap in between. I read in class XII.
</body>
This tag is used to break the text into <body>
6 <P>……</P> <p>
paragraphs. On the Insert tab, the galleries include
Page - 2 Satyajit Mukherjee
items that are designed to coordinate
with the overall look of your document.
</p>
</body>
<H1>…..</H1> <H1>Heading 1</H1>
<H2>…..</H2> <H2> Heading 2</H2>
<H3>…..</H3> <H3> Heading 3</H3>
7
<H4>…..</H4> These tags are used to show output headings. <H4> Heading 4</H4>
<H5>…..</H5> <H5> Heading 5</H5>
<H6>…..</H6> <H6> Heading 6</H6>
<body>

<address>
<ADDRESS>
F – 2/B, Shradha Apartment,
8
……….. These tags are used to write text in the Vidyasagar Pally, Jhargram, Pin –
……….. format of an address. 721507
</ADDRESS> </address>

</body>
1. align <body>
9 <HR>
2. width It is used to draw a horizontal line in a <hr align=left width=500 size=4
3. size document. color=red>
4. color </body>
<body>
<center>
10 <CENTER>…</CENTER>
It is used to bring an image or text to the Welcome to my home page
middle of the document. </center>
</body>
<body>
<font face="Arial" size=6
1. face This tag is used to change font style, size, color=red>
11 <FONT>…..</FONT> 2. size
3. color and color for text in a document. Welcome to my home page!!!
</font>
</body>

Page - 3 Satyajit Mukherjee


<body>
12 <B>…..</B> It is used to bold text. <b> i am bold </b>
<br>
13 <I>……</I> It is used to italicize text in a document. <i> i am italic </i>
<br>
14 <U>…..</U> It is used to underline text in a document. <u> i am underline </u>
<br>
15 <STRIKE>….</STRIKE>
It is used to strikethrough text in an HTML Male / <strike> Female </strike>
<br>
document X <sup> 2 </sup>
16 <SUP>…..</SUP> It is used to superscript text in a document. <br>
H <sub> 2 </sub> O
17 <SUB>…..</SUB> It is used to subscript text in a document. </body>
<body>

1. type = 1,2,3,… ANIMALS


2. type = I,II,…. <ol type=1>
18 <OL>……</OL> 3. type = i,ii,….
It is used to create an ordered list (eg. <li>Tiger</li>
4. type = A,B,… 1,2,3…) in a document. <li>Lion</li>
5. type = a,b,… <li>Elephant</li>
</ol>
</body>
1. type = fillround <body>
2. type = square ANIMALS
<ul type=”square”>
19 <UL>……</UL>
It is used to create an unordered list in a <li>Tiger</li>
document. <li>Lion</li>
<li>Elephant</li>
</ul>
</body>

20
<LI>…….</LI> It is used to express text or sentences in order
and is used with <OL> and <UL> tags.
21 <DL>…..</DL> It is used to use Definition List Values. <dl>

Page - 4 Satyajit Mukherjee


22 <DT> Definition Term <dt>Keyboard
<dd>An Input device
23 <DD> Definition Description </dl>
1. src <body>
2. border <img border=4 width=200
24 <IMG>
3. width This tag is used to insert image(s) into the height=300 src="flower.jpg"
4. height document. align=right alt="Not Found">
5. align </body>
6. alt
1. href <body>
2. title A hyperlink is a text or graphic that links to <a href =”flower.jpg” title=”It
25 <A> ……. </A>
another file or object. In HTML, anchor tag is link to flower.jpg file”>
<a> is used to create a link from one page to Click here to open image
</a>
another. </body>
With the use of Marquee tag we can insert <body>
<marquee width=250 height=200
scrolling area of text, image or a line in the behaviour=”alternate”
browser. bgcolor=yellow direction=right
scrollamount=100 scrolldelay=150>
Welcome To My Web Page !!!
1. width This attribute is used to increase or decrease </marquee>
the width of scrolling area in a browser. </body>
<MARQUEE>
26 ……
</MARQUEE> 2. height This attribute is used to increase or decrease
the height of scrolling area in a browser.

3. behavior With the use of this attribute, we can decide


how the marquee text will move in the
scrolling area. The values of this attribute are
1.scroll 2. Slide 3. Alternate

Page - 5 Satyajit Mukherjee


4. bgcolor
This attribute uses various colours as value to
change the background colour of the
scrolling area.

5. direction By using Right, Left, Up and Down values of


the Direction attribute we can make text
scroll from right to left, from up to down and <marquee loop=5>
vice-versa. Welcome To My Web Page !!!
</marquee>
6. scrollamount
This attribute controls the speed of the <marquee vspace=150>
marquee text. It can be used to increase the Welcome To My Web Page !!!
speed of the text </marquee>

<marquee hspace=50>
7. scrolldelay This attribute is used to decrease the speed of Welcome To My Web Page !!!
marquee text. </marquee>

8. loop Generally, in the browser marquee text


scrolls continuously. By using appropriate
value, we can decide how many times the the
marquee text will scroll in the browser.
9. vspace
This attribute is used to change the vertical
margin of the marquee text.

10. hspace This attribute is used to change the horizontal


Page - 6 Satyajit Mukherjee
margin of the marquee text.

This tag is used to make tables in the <body>


<table border=4 bordercolor=blue
document. bgcolor=yellow width=20%
height=20%>
1. border This attribute is used to modify the borders <caption>Marksheet</caption>
<tr>
of a table. <th>Roll</th>
<th>Name</th>
2. bordercolor This attribute is used to modify the color of <th>Marks</th>
</tr>
borders of a table. <tr>
<td>1</td>
3. bgcolor This attribute is used to fill the background <td>Amal</td>
<td>500</td>
of a table with colors. </tr>
27 <TABLE>…..</TABLE>
This attribute is used to change the width of </table>
4. width the whole table. </body>

This attribute is used to change the height of <table border=3 cellpadding=10


cellspacing=10>
5. height the whole table. </table>

This attribute is used to change the length <table border=3>


6. cellpadding between the contents and the borders in a <th rowspan=3>Marksheet</th>
table. <th>Roll</th>
<th>Name</th>
</table>
This attribute is used to change the distance
Page - 7 Satyajit Mukherjee
between two or more cells. <table border=3>
7. cellspacing <th colspan=3>Marksheet</th>
<th>Roll</th>
<th>Name</th>
This attribute is used to merge one or more </table>

8. rowspan rows in a table. <tr>


<th valign=”top”>Day</th>
This attribute is used to merge one or more </tr>

9. colspan columns in a table.

This attribute is used to align in the contents


in various ways (top, middle, bottom etc)
10. valign

<CAPTION>
28 ….
This tag is used to write the captions in a
</CAPTION> table.
29 <TH>…..</TH> This tag is used to write the table header.
30
<TR>…..</TR> This tag is for table row, every row in a table
must be designated with it.
31
<TD>…..</TD> Using this tag data can be added to the table
header fields.

Page - 8 Satyajit Mukherjee


<html>
<head>

32 <FRAME> 1. src
This tag is used to divide a browser window <title>Frame</title>
</head>
into multiple parts. <frameset rows=”50%,50%”>
<frame name=”top”
src=”abc.html”>
<frame name=”bottom”
src=”xyz.html”>
33 <FRAMESET>
This tag is used create a frame in the browser </frameset>
window. <body>
</body>
</html>
<body>
<form name=”f1”>
34 <FORM> ……. </FORM> 1. name The <form> tag is used to define a form.
</form>
</body>
The <input> element is used to create
different interactive controls to accept data
<INPUT> 1. type
from the user. Using <input> tag and its
‘type’ attribute different control such as
textbox, button, password box can be
created.
35
<form>
Text Box Type=”text”
The textbox is used to capture text (input) <input type=”text” name=”t1”
such as a name, email, phone number etc. value=100>
</form>
<form>
Password Input Type=”password”
The password input is used to capture <input type=”password”
passwords from the user. name=”t1”>
</form>

Page - 9 Satyajit Mukherjee


It is a square shaped input box. It can be <form>
<input type=”checkbox”
Checkbox Type=”checkbox” checked or unchecked using multiple clicks. name=”chk1”>Do you want to join?
Check shows that the option is selected. </form>
<form>
A radio button or option button is a control <input type=”radio” name=”r1”>
Male
Radio button Type=”radio” element that allows the user to choose only <input type=”radio” name=”r2”>
one option from a group of options. Female
</form>
<form>
Submit button Type=”submit”
Submit button is used to submit our form <input type=”submit”
after entering all the input to a form-handler. name=”button1”>
</form>
<form>
Button Type=”button”
Button is used to show any calculation or <input type=”button”
message after entering all the input. name=”button1” value=”cancel”>
</form>
It defines label for form elements. It provides <form>
<label>First Name</label>
36 Label a way of describing what the user should <input type=”text” name=”t1”>
input in the form element. </form>

Page - 10 Satyajit Mukherjee

You might also like