<html>
<body style="background-color:lightpink">
<abbr title="United Nations">UN</abbr>
<br />
HTML Paragraphs
<p>This is a paragraph.</p>
HTML Links
<a href="http://www.w3schools.com">This is a link to the
w3schools Web site.</a>
HTML Images
<img src="C:\Documents and Settings\amar\My Documents\My Pictures\2011-11\gd.png" width="104" height="142" />
Create a link attached to an image:
<a href="default.htm" target="_blank">
<img src="C:\Documents and Settings\amar\My Documents\My Pictures\2011-11\gd.png" alt="HTML tutorial" width="32"
height="32" />
</a></p>
<acronym title="World Wide Web">WWW</acronym>
<p>The title attribute is used to show the spelled-out
version when holding the mouse pointer over the acronym
or abbreviation.</p>
<a href="lastpage.htm" target="_top">Last Page</a>
<p>
If you set the target attribute of a link to "_blank",
the link will open in a new window.
</p>
<body>
<h1 style="font-family:vivaldi">A heading</h1>
<p style="font-family:courier new; color:red; fontsize:
20px;">A paragraph</p>
<p><font size="2" face="Verdana">
This is a paragraph.
</font></p>
<p><font size="5" face="Times" color="red">
<a href="lastpage.htm">
internal link</a>
</font></p>
<h1 style="text-align:center">This is heading 1</h1>
refrance link
<a href="http://www.microsoft.com/">
This text</a>
Background Images
<body backgroun="C:\Documents and Settings\amar\My Documents\My Pictures\2011-11\da.jpg">
<h3>Look: A background image!</h3>
<body backcolor="gray">
Aligning Images
<img src="hackanm.gif" align="middle" width="48" height="48"/>
in the middle.</p>
align="top"
align="bottom"
align="right"
align="left"
width="70" height="70"
hi
alt tag
<img src="C:\Documents and Setting\amar\My Documents\My Pictures\2011-11\da.jpg" alt="Big Boat" width="200" height="50" />
<img src="../constr4.gif" alt=”Site_Under_Construction”
width="200" height="50" />
Floating Images
image map
<img src= "planets.gif" width="70" height="70" alt = planets usemap="#planetmap"/>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt= "sun" href="sun.html">
<area shape="circle" coords="0,0,82,126" alt= "sun" href="moon.html">
table
<table>
<tr>
<td>100</td>
</tr>
<td>
<td>
<table border="1">
<th>Heading</th><th>Heading</th>
<tr><th>Heading1</th>
<td>100</td><td>hi</td>
hi
<ul>
<li> bannas</li>
</ul>
</tr><tr><th>Headingl</th>
<th>Heading</th>
</table>
Table headings
<th>Heading</th>
Open a Link in a New Browser Window
<a href="lastpage.htm" target="_blank">Last Page</a>
_self
_parent
_top
_framename
_
table
Cell Padding
<h4>Without cellpadding:</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With cellpadding:</h4>
<table border="1" cellpadding="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<p>
Cell Spacing</p>
<h4>Without cellspacing:</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With cellspacing:</h4>
<table border="1" cellspacing="10">
<tr>
<td>First</td>
<td>Second</td>
<td>Row</td>
</tr>
</table>
table color and background and image
<table border="1" bgcolor="red">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<table border="1" cellspacing="10" background="C:\Documents and Settings\amar\My Documents\My Pictures\2011-11\gd.png" >
<tr>
<td>First</td>
<td>Second</td>
<td>Row</td>
</tr>
</table>
CELL BACKGROUND COLOR AND IMAGE
<table border="1" cellspacing="10" >
<tr>
<td background="C:\Documents and Settings\amar\My Documents\My Pictures\2011-11\gd.png">First</td>
<td bgcolor="red">Second</td>
<td>Row</td>
</tr>
</table>
ALINGING CELL CONTENTS
<table border="1" cellspacing="10" WIDTH="400">
<tr>
<td background="C:\Documents and Settings\amar\My Documents\My Pictures\2011-11\gd.png">First</td>
<td bgcolor="red">Second</td>
<td ALIGN="LEFT">RKHKLFJHGFw</td>
<td>Row</td>
</tr>
</table>
frame Attribute
<h4>With frame="border":</h4>
<table frame="border">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With frame="box":</h4>
<table frame="box">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With frame="void":</h4>
<table frame="void">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr></table>
<h4>With frame="above":</h4>
<table frame="above">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With frame="below":</h4>
<table frame="below">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
HSIDES<B>
<P>
<tr><table frame="HSIDES"><tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<H4>GSDGSSSSSSSSSS</H4>
<table frame="vsides">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With frame="lhs":</h4>
<table frame="lhs">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>With frame="rhs":</h4>
<table frame="rhs">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
This is a mail link:
<a href="mailto:someone@microsoft.com?subject=Hello%20
again">
Send Mail</a>
</p>
<a href="mailto:someone@microsoft.com?cc=someoneelse@
microsoft.com&bcc=andsomeoneelse2@microsoft.
com&subject=Summer%20Party&body=You%20are%20invited%20
to%20a%20big%20summer%20party!">Send mail!</a>
</p><img src="boat.gif" alt="Big Boat" />
<H4>
LIST</H4>
<H4>
LIST BULLETS</H4>
<ul TYPE="CIRCLE">
<li> bannas</li>
</ul>
<ul TYPE="DISK">
<li> bannas</li>
</ul>
<ul TYPE="SQUARE">
<li> bannas</li>
</ul>
<H4>
LIST ORDERD LIST</H4>
<Ol>
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<H4>
DIFFERENT TYPE OF ORDERD LIST</H4>
<Ol TYPE="a">
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<Ol TYPE="A">
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<Ol TYPE="i">
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<Ol TYPE="I">
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
<li> bannas</li>
</Ol>
<H4>
DEFINATION LIST </H4>
<DL>
<Dt>COFEE</Dt>
<Dd>fsfsd</Dd>
nested lists
FORMS AND INPUT TAGS
<form action="">
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
<H4 ALIGN="CENTER">
CHECK BOX</H4>
<form action="">
First name:
<input type="CHECKBOX" name="firstname" VALUE="BIKE" />
<br />
Last name:
<input type="CHECKBOX" name="lastname" VALUE="CAR" />
</form>
<H4 ALIGN="CENTER">
Radio Buttons</H4>
<form action="">
Male:
<input type="radio" checked="checked"
name="Sex" value="male">
<br>
Female:
<input type="radio"
name="Sex"value="female">
</form>
<H4 ALIGN="CENTER">
Drop-Down List</H4>
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
a value preselected on the list
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
<H4 ALIGN="CENTER">
Text Area</H4>
<textarea rows="10" cols="30"> The cat was playing in the
garden. </textarea>
<H4 ALIGN="CENTER">
Buttons</H4>
<form action="">
<input type="button" value="Hello world!">
</form>
<H4 ALIGN="CENTER">
Fieldset</H4>
<fieldset>
<legend>
Health information:
</legend>
<form action="">
Height <input type="text" size="3">
Weight <input type="text" size="3">
</form>
</fieldset>
<H4 ALIGN="CENTER">
action Attribute</H4>
<form name="input" action="html_form_submit.asp"
method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
<H4 ALIGN="CENTER">
Form Examples</H4>
<form name="input" action="html_form_action.asp"
method="get">
Type your first name:
<input type="text" name="FirstName" value="Mickey" size="20">
<br>Type your last name:
<input type="text" name="LastName" value="Mouse" size="20">
<br>
<input type="submit" value="Submit">
</form>
<p>
If you click the "Submit" button, you will send your input
to a new page called html_form_action.asp.
Form with Check Boxes
<form name="input" action="html_form_action.asp"
method="get">
I have a bike:
<input type="checkbox" name="vehicle" value="Bike"
checked="checked" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
<br /><br />
<input type="submit" value="Submit" />
</form>
<form name="input" action="html_form_action.asp"
method="get">
Male:
<input type="radio" name="Sex" value="Male"
checked="checked">
<br>
Female:
<input type="radio" name="Sex" value="Female">
<br>
<input type ="submit" value ="Submit">
</form>
<H4 ALIGN="CENTER">
Send E-Mail from a Form</H4>
<form action="MAILTO:someone@w3schools.com" method="post"
enctype="text/plain">
<h3>This form sends an e-mail to W3Schools.</h3>
Name:<br>
<input type="text" name="name"
value="yourname" size="20">
<br>
Mail:<br>
<input type="text" name="mail"
value="yourmail" size="20">
<br>
Comment:<br>
<input type="text" name="comment"
value="yourcomment" size="40">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset"><form action="MAILTO:someone@w3schools.com" method="post"
enctype="text/plain">
<h3>This form sends an e-mail to W3Schools.</h3>
Name:<br>
<input type="text" name="name"
value="yourname" size="20">
<br>
Mail:<br>
<input type="text" name="mail"
value="yourmail" size="20">
<br>
Comment:<br>
<input type="text" name="comment"
value="yourcomment" size="40">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
<H4 ALIGN="CENTER">
COLOR TYPE WITH TAG</H4>
<table border="2" bgcolor="TEAL">
<tr>
<TH>COLOR</TH>
<td>COLOR HEX</td>
<td>COLOR RGB</td>
<tr><td>RED</td><td>#FF0000</td><td>RGB(255,0,0)</td></tr><tr><td>GREEN</td><td>#00FF00</td><td>RGB(0,255,0)</td></tr></tr><td>BLACK</td><td>#000000</td><td>RGB(0,0,0)</tr>
<tr><td>YELLOW</td><td>#FFFF00</td><td>RGB(255,255,0)</td></tr><tr><td>CYAN</td><td>#00FFFF</td><td>RGB(0,255,255)</td></tr><td>GRAY</td><td>#C0C0C0</td><td>RGB(192,192,192)</tr></tr><tr><td>WHITE</td><td>#FFFFFF</td><td>RGB(255,255,255)</tr>
</tr><tr><td>BLUE</td><td>#0000FF</td><td>RGB(0,0,255)</td></tr>
</table>
<P STYLE=BG-COLOR="GRAY">HI
<frameset cols="145%,75%">
<frame src="E:\ALL PUNJABI VIDEO\ram.htm">
<frame src="audio.html">
</frameset>
<iframe src="default.asp"></iframe>
</BODY>
<frameset COLs="25%,50%,25%">
<frame src="I:\wep page\search_2.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
No comments:
Post a Comment