Download as pdf or txt
Download as pdf or txt
You are on page 1of 3

HTML TAGS

BASIC TAGS
<HTML> : Beginning of html file and end of html file
</HTML>
<head> : Used for writing headings and scripting for the
</head> web page – however it is not mandatory
<body bgcolor=yellow> : For writing the contents of the web page
</body> including the tags
<p> : Paragraph -
</p>
<b></b> : To make the text bold embedded within the tag
<i></i> : Italics
<u></u> Underline
<strike></strike> Strikethrough
<pre> : - Brings the text in typewriter font
</pre>
<Address></Address> : -
<H1></H1> : - Heading tags
<H2></H2>
<H3></H3>
<H4></H4>
<H5></H5>
<H6></H6>

<Footer></Footer> : - To write footer on web page


&copy; : - To bring copyright symbol
<font : Text formatting tag along with attributes eg
Face=”Arial” face, size, color
Size=12
Color=red>

</font>
<img : To insert image on web page
Src=”abc.jpg” - Src stands for source of the image – it
Height=100 must contain image name and extension
Width=100 – image file must be in the same folder
Alt=”alternative text”> - If height and width is not applied, then
the image will appear in its original size
- Alt stands for alternative text – this text
will appear in case the image is not
loaded on the web page
- It doesn’t have closing tag
<hr : Horizontal rule - - used to draw a line
width=70% color=blue> It doesn’t have closing tag
<br> : Break the line – means enter key – doesn’t have
closing tag
<marquee : - Scrolling text
behaviour=alternate
direction=right>
<center> : - Aligns the embedded content in center
</center>
<A : - Anchor tag
Href=”abc.html”> - Used for creating hyperlink
Registration </a> - The target file eg abc.html must be
within the same folder
In source file/location : - For creating bookmark hyperlink
<A - The display text is Registration here
Href=”abc.html#a1”>
Registration</a>

In target file/target
location

<a name=”a1”></a>
&nbsp; : - To insert one character space
LIST : -
<OL type=”a” start=5> : ORDERED LIST
<LI></LI> - LI – LIST ITEM
</OL> - Number of LI you write, that number of
items in the list will be created
- Default numbering is 1,2,3,4
- Type=”i” displays numbering in roman
- Start =5 will start the numbering from 5
onwards
<UL type=”circle”> : UNORDERED LIST
<LI></LI> - LI – LIST ITEM
</UL> - Number of LI you write, that number of
items in the list will be created
- Default BULLET is solid
- Type=Solid / circle / square

<DL> : DEFINITION LIST


<DT></DT> - DT stands for data term
<DD></DD> - DD stands for data definition –
</DL> explanation of the term

TABLE :
<TABLE> : - CAPTION used for giving heading for the
<caption></caption> table
<TR> - TR stands for Table Row
<TH></TH> - TH stands for table heading – data will
<TD></TD> appear in bold
</TR> - TD stands for Table data
</TABLE>
<TABLE : - By default border is 0
BORDER=5 - Cellspacing – gap between the cells
CELLSPACING=10 - Cellpadding – gap between the cell
CELLPADDING=10> content and cell boundary
<TD rowspan=2> : - Rowspan – to merge cells in row wise
manner
<TD colspan=3> : - Colspan – to merge cells in column wise
manner
FORM
<FORM> : - BEGINNING and end of the form must be
within this tag
</FORM>
<fieldset> : - Write the contents of the form within
</fieldset> fieldset
<legend align=right> : - Draw a box and puts the fields within
Registration Form that
</legend> - Registration Form is the title for the box
- Align will put the title on right / center or
left side of the top border of the box
<input : - Type=text -- insert a text box
Type=text - Placeholder – to write a message for the
Placeholder=”Enter user in the text box
your name”>
<input : - Type=password -- insert a password field
Type=password - Typed character will not be displayed
Placeholder=”Enter only dots will appear
your name”>
<input : - To bring radio button
type=radio name=”r1”> - name=”r1” – must be same for all radio
buttons of same group
- single selection should be allowed where
the same name is given
<input type=checkbox> : - to bring checkbox
- multiple selection is allowed
<input type=submit> : - Submit Button
<input type=RESET> : - RESET button
<input type=button : - To create a simple button with a caption
caption=”Click here”>
<SELECT> : - CREATES A DROP DOWN BOX
<OPTION></OPTION>
</SELECT>
<textarea rows=20 : - To create an expandable comment box
cols=10></textarea>

You might also like