+++++++++++
+++Links...+++
+++++++++++
A links moves us from the current page to a destination that is specified in the HTML page.
URL stands for Universal Resource Locator.
Anchor Tag(<a>, </a>) : is used to create links between different objects like HTML pages, files, web sites, etc. href is the most common attribute of the ANCHOR tag. It defines the destination of the link.
Example:
<a href="http://www.google.co.in">GOOGLE.CO.IN</a>
For Email LINK:
<a href="mailto:emailid@domainname.com">send mail to</a>
++++++++
++LIST...++
++++++++
List are used when the data are to be mentioned in the form of points.
List are segerated into three types namely ORDERED list, UNORDERED list, and DEFINITION list
UNORDERED LIST: <UL>,</UL>
Sometimes these list are also called bulleted lists. These lists are characterized by list items that do not have numbers. They ar used when the points in the list have no particular order. It has the TYPE attribute through which we can be changed bullet appearance.
There are three types
1. "disc"
2. "square"
3. "circle"
Each point in the list is delimited by the <LI>, </LI> tags.
Example
<UL type = "DISC"> <!-- you have use only one type at a time. By default its type is DISC-->
<LI>PRADEEP</LI>
<LI>SHANKAR</LI>
<LI>SHARAN</LI>
</UL>
ORDERED LIST: <OL>, </OL>
Lists having numbered items are known as ordered lists. They are used when the items in the list have a natural order. It has the TYPE attribute through which we can be change the numbering format.
There are listed the types:
1. "1"
2. "i"
3. "I"
4. "a"
5. "A"
Each point in the list is delimited by the <LI>, </LI> tags.
Example
<OL type = "A"> <!-- you have use only one type at a time. By default its type is "1"-->
<LI>PRADEEP</LI>
<LI>SHANKAR</LI>
<LI>SHARAN</LI>
</OL>
DEFINITION LIST: <DL>, </DL>
Definition lists have a heading and the text appears below that.
Defintion headings specified by the <DT>, </DT>
Definition should be specified between <DD>, </DD>
Example:
<DL>
<DT>LIFE</DT>
<DD>LIFE BECOMES LIE WITHOUT FRIENDS......</DD>
</DL>
++++++++++
++TABLES..++
++++++++++
A table is simply a combination of rows and columns. Three tags form the essential ingredients for creating a table.
1.<TABLE>,</TABLE> => This is main tag. It tells the browser that a table follows. It has attributes like size, border, cellspacing, cellpadding, width, height.
2.<TR>, </TR> => It defines horizontal row that consists of Table Data cells.
3.<TD>,</TD> => It specifies an individual block or cell in a table row.
TR and TD has attributes like width, height, align, valign.
CELLSPACING :-> It determines the spacing between adjacent cells. Its default value is 2.
CELLPADDING:-> It determines the space between the border of the cell and the contents of the cell.
COLSPAN:-> Using this attribute we can MERGE the multiple columns into one column.
ROWSPAN:-> Using this attribute we can MERGE the multiple rows into one row.
Example:
<table border="0" cellspacing="2" cellpadding="2" width="100%" height="100%">
<tr align = "center" valign="center">
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td colspan = "2" align="center" valign="center"> colspan</td>
<td>notspaned</td>
</tr>
<tr>
<td rowspan = "2" align="center" valign="center">rowspaned</td>
<td>notspaned</td>
<td>notspaned</td>
</tr>
<tr align = "center" valign="center">
<td>a</td>
<td>b</td>
</tr>
</table>
+++++++++++
++FRAMES...++
+++++++++++
If we want to see the multiple HTML documents in a one HTML document side by side then we use the frames. For this there are only two major frame tags:
1. <FRAMESET> :-> It is a container tag. It has the COLS and ROWS attributes which specifies the division of page(How many frames shows on the page at a time in rows or cols depends on you).
2. <FRAME> :-> It's not a container tag. It has the SRC attribute which specifies the source file path to be displayed in that frame.
Exapmle:
<FRAMESET cols="50%,25%,25%"><!-- Make sure that the percentage total must be 100% -->
<FRAMESET rows="25%,62%,*"><!-- We can use * instead of a number. The * means whatever is left over-->
<FRAME SRC="URL">
<FRAME SRC="URL">
<FRAME SRC="URL">
</FRAMESET>
<FRAME SRC="URL">
<FRAME SRC="URL">
</FRAMESET>
<BODY>
<NOFRAMES>Oooops!!! Your browser does not handle frames!</NOFRAMES>
</BODY>
There is a NOFRAME tag, This tag is used for those browsers that are not able to interpret FRAME tags.
++++++++++
++FORMS..++
++++++++++
1. FORM Tag <FORM>,</FORM> :->
HTML forms are used to pass data to a server.
A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.
2. INPUT Tag <INPUT> :-> The INPUT tag is used to indicate where user input is expected. It has different attributes, of which the TYPE attribute is used to specify the kind of input that is to be provided and the NAME attribute is used to specify the name of that INPUT. Default type is TEXT box.
FOR TEXT:
<input type="text" name="mytext" value="" size="10">
FOR PASSWORD:
<input type="password" name="mypass">
FOR RADIO BUTTON:
<input type="radio" name="gender" value="male" /> Male
<input type="radio" name="gender" value="female" /> Female
FOR CHECKBOX:
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car
FOR PULL DOWN LIST: <SELECT>,</SELECT>
for this input type we have to use <SELECT> tag instead of <INPUT> tag.
for listing an items in the pull down list we have to use <OPTION>,</OPTION> tag
<select name="Alphabets">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
FOR BUTTONS:
<input type="button" name="mybutton" value="BUTTON">
FOR SUBMIT BUTTON: => This submits the all data from the form.
<input type="submit" name="submitbutton" value="SUBMIT">
<input type="reset" name="resetbutton" value="CLEAR">
TO BE CONTINUE.......
+++Links...+++
+++++++++++
A links moves us from the current page to a destination that is specified in the HTML page.
URL stands for Universal Resource Locator.
Anchor Tag(<a>, </a>) : is used to create links between different objects like HTML pages, files, web sites, etc. href is the most common attribute of the ANCHOR tag. It defines the destination of the link.
Example:
<a href="http://www.google.co.in">GOOGLE.CO.IN</a>
For Email LINK:
<a href="mailto:emailid@domainname.com">send mail to</a>
++++++++
++LIST...++
++++++++
List are used when the data are to be mentioned in the form of points.
List are segerated into three types namely ORDERED list, UNORDERED list, and DEFINITION list
UNORDERED LIST: <UL>,</UL>
Sometimes these list are also called bulleted lists. These lists are characterized by list items that do not have numbers. They ar used when the points in the list have no particular order. It has the TYPE attribute through which we can be changed bullet appearance.
There are three types
1. "disc"
2. "square"
3. "circle"
Each point in the list is delimited by the <LI>, </LI> tags.
Example
<UL type = "DISC"> <!-- you have use only one type at a time. By default its type is DISC-->
<LI>PRADEEP</LI>
<LI>SHANKAR</LI>
<LI>SHARAN</LI>
</UL>
ORDERED LIST: <OL>, </OL>
Lists having numbered items are known as ordered lists. They are used when the items in the list have a natural order. It has the TYPE attribute through which we can be change the numbering format.
There are listed the types:
1. "1"
2. "i"
3. "I"
4. "a"
5. "A"
Each point in the list is delimited by the <LI>, </LI> tags.
Example
<OL type = "A"> <!-- you have use only one type at a time. By default its type is "1"-->
<LI>PRADEEP</LI>
<LI>SHANKAR</LI>
<LI>SHARAN</LI>
</OL>
DEFINITION LIST: <DL>, </DL>
Definition lists have a heading and the text appears below that.
Defintion headings specified by the <DT>, </DT>
Definition should be specified between <DD>, </DD>
Example:
<DL>
<DT>LIFE</DT>
<DD>LIFE BECOMES LIE WITHOUT FRIENDS......</DD>
</DL>
++++++++++
++TABLES..++
++++++++++
A table is simply a combination of rows and columns. Three tags form the essential ingredients for creating a table.
1.<TABLE>,</TABLE> => This is main tag. It tells the browser that a table follows. It has attributes like size, border, cellspacing, cellpadding, width, height.
2.<TR>, </TR> => It defines horizontal row that consists of Table Data cells.
3.<TD>,</TD> => It specifies an individual block or cell in a table row.
TR and TD has attributes like width, height, align, valign.
CELLSPACING :-> It determines the spacing between adjacent cells. Its default value is 2.
CELLPADDING:-> It determines the space between the border of the cell and the contents of the cell.
COLSPAN:-> Using this attribute we can MERGE the multiple columns into one column.
ROWSPAN:-> Using this attribute we can MERGE the multiple rows into one row.
Example:
<table border="0" cellspacing="2" cellpadding="2" width="100%" height="100%">
<tr align = "center" valign="center">
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td colspan = "2" align="center" valign="center"> colspan</td>
<td>notspaned</td>
</tr>
<tr>
<td rowspan = "2" align="center" valign="center">rowspaned</td>
<td>notspaned</td>
<td>notspaned</td>
</tr>
<tr align = "center" valign="center">
<td>a</td>
<td>b</td>
</tr>
</table>
+++++++++++
++FRAMES...++
+++++++++++
If we want to see the multiple HTML documents in a one HTML document side by side then we use the frames. For this there are only two major frame tags:
1. <FRAMESET> :-> It is a container tag. It has the COLS and ROWS attributes which specifies the division of page(How many frames shows on the page at a time in rows or cols depends on you).
2. <FRAME> :-> It's not a container tag. It has the SRC attribute which specifies the source file path to be displayed in that frame.
Exapmle:
<FRAMESET cols="50%,25%,25%"><!-- Make sure that the percentage total must be 100% -->
<FRAMESET rows="25%,62%,*"><!-- We can use * instead of a number. The * means whatever is left over-->
<FRAME SRC="URL">
<FRAME SRC="URL">
<FRAME SRC="URL">
</FRAMESET>
<FRAME SRC="URL">
<FRAME SRC="URL">
</FRAMESET>
<BODY>
<NOFRAMES>Oooops!!! Your browser does not handle frames!</NOFRAMES>
</BODY>
There is a NOFRAME tag, This tag is used for those browsers that are not able to interpret FRAME tags.
++++++++++
++FORMS..++
++++++++++
1. FORM Tag <FORM>,</FORM> :->
HTML forms are used to pass data to a server.
A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.
2. INPUT Tag <INPUT> :-> The INPUT tag is used to indicate where user input is expected. It has different attributes, of which the TYPE attribute is used to specify the kind of input that is to be provided and the NAME attribute is used to specify the name of that INPUT. Default type is TEXT box.
FOR TEXT:
<input type="text" name="mytext" value="" size="10">
FOR PASSWORD:
<input type="password" name="mypass">
FOR RADIO BUTTON:
<input type="radio" name="gender" value="male" /> Male
<input type="radio" name="gender" value="female" /> Female
FOR CHECKBOX:
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car
FOR PULL DOWN LIST: <SELECT>,</SELECT>
for this input type we have to use <SELECT> tag instead of <INPUT> tag.
for listing an items in the pull down list we have to use <OPTION>,</OPTION> tag
<select name="Alphabets">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
FOR BUTTONS:
<input type="button" name="mybutton" value="BUTTON">
FOR SUBMIT BUTTON: => This submits the all data from the form.
<input type="submit" name="submitbutton" value="SUBMIT">
<input type="reset" name="resetbutton" value="CLEAR">
TO BE CONTINUE.......
No comments:
Post a Comment