HTML TAG Chart:
Task
|
Tag
|
Set up a web page <Html>
<Head></head>
<Body></Body>
</Html>
Format Text
Create a Paragraph <p>
Align paragraph Right, Center <p align=”Right”></p>
or left <p align=”center” ></p>
Make text bold <b></b>
Create bulleted list <u><L1></u>
Create numbered list <OL><L1></OL>
Link to a page within site < a href=”index.html”></a>
Create an E-mail link <a href=”mailto:msm@yahoo.com"></a>
Link to an External page <a href=”http://www.google.com”> google</a> Insert Graphics <img src=”x.jpg”>
Align a graphic right or left <img src=”x.jpg” align=”right”>
<img src=”x.jpg” align=”left”>
Add vertical, horizontal space <img src=”x.jpg” Vspace=”56”or any width>
around a graphic <img src=”x.jpg” Hspace=”56”or any width>
Remove border <img src=”x.jpg” border=”0”>
Add border <img src=”x.jpg” border=”1”>
Insert Horizontal Rule
Create Rule <hr>
Remove 3-D effect, specify size <hr noshade size=”1”>Change Whole Page:change Background color <body bgcolor=”#cccccc”>
Chage link, visited link colors <body link=”#ff0000” Vlink=”#00ff00”>
Change page margins <body topmargin=”0”
leftmargin=”0”
rightmargin=”0”
marg in width=”0”
marg in height=”0”>Create a table:
Insert Table <Table>
<tr> <td></td><td></td></tr>
</Table>Specific Widths: <Table width=”100%”>
<tr>
<TD width=”20%”>
<TD width=”80%”></tr>
</Table>
Specify border <Table border=”0”>
Pad cells <Table cell padding=”18”>
Space cells <Table cell spacing=”15” >
Change cell background color <TD bgcolor=”#000000”>
Insert background image in cell <TD background=”x.jpg”>
Employ Frames:
Create a frameset <HTML>
<HEAD></HEAD>
<TITLE></TITLE>
<frameset rows=”50,*”>
<frame name=”topframe”
src=”x.html” >
<frame name=”bottomframe”
src=”y.html”>
</frameset>
</HTML>Include Form:
Establish form <form>
Insert textbox <form>
<input type=”text”>
Specify size <input type=”text” size=”20”>
Specify name <input name=”x”>
Insert check box <input type=”checkbox”>
Insert radio buttons <input type=”radio”>
Make only one clickable <input type=”radio”
name=”radiobut”
value=”radio1”>
<input type=”radio”
name=”radiobut”
value=”radio2”>
Insert drop-down list <select name=”x”>
Option></option>
<option></option>
<option></option>
</select>
Insert comment field <TextArea name=”x” cols=”22”>
Insert submit button <input type=”submit”>
Change text buttons <input type=”submit”
value=”your text here”>
