Html lecture 2

friends ab mein lecture second page share kar raha hoon HTML ka.

35.
<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List type 4</li>
</ol>
es coding se aap capital roman numerals likh sakte hain.

36.
<ol type="I" start="7">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List type 4</li>
</ol>

es coding se aap capital roman numeral special start me likh sakte ho matlab aap ki marzi jis num se start karo.

37.
<form method=post action="/cgi-bin/example.cgi>
<center>
<option>option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
</select><br>
</center>
</form>

es coding se aap option wale form bana sakte hain.


this is an example displaying the use of the paragraph tag.<p> this will creat a line break and a space between lines.

38.
attributes:
example 1:<br>
<br>
<p align="left">
this is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>

es coding se aap text ko alag alag next line pe kr sakte hain.

39.
example 1:<br>
<br>
<p align="right">
this is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>

es coding se aap text ko right taraf rakh sakte hain.checked by me

40.
example 3:<br>
<br>
<p align="center">
this is an example<br>
displaying the use<br>
of the paragraph tag.

es coding se aap text ko center pe rakh sakte hain.

<small>Ayaz</small>
es coding se aap ka text small hoga.

<strike>Ayaz</strike>
es coding me aap text ko beech me line de sakte hain.

41.
<table border="4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

opar wali coding se aap columns bana sakte hain.

42.
<table border="2" bordercolor="#336699" cellpadding="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

es coding se aap columns bana ke os ko apne pasand ka colour de sakte hain.

43.
<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="#cccccc"> Column 1</td>
<td bgcolor="cccccc" Column 2</td>
</tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

es coding se aap columns bana ke os ko apne pasand ka colour de sakte hain or row bana sakte hain

44.
<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

es coding se aap columns k ander numbers bana sakte hain.

45.
<div align="center">
<table>
<tr>
<th>column 1</th>
<th>column 2</th>
<tr>
<td>row 2</td>
<td>row 2</td>
</tr>
<tr>
<td>row 3</td>
<td>row 3</td>
</td>
</table>

es coding se aap columns ko center pe or apne pasand k column ya row rakh sakte hain

46.
<table border="1" cellpadding="5" cellspacing="5" width="100%">
<tr>
<th>table header</th>
<th>table header</th>
</tr>
<tr>
<td width="20%">table cell 1</td>
<td>table cell 2</td>
</tr>
</table>

es coding mein aap 2 columns aur neeche 2 rows bana sakte hain

47.
<table border="1" cellpadding="5" cellspacing="5" width="100%">
<tr>
<th rowspan="2">table header</th><td>tablecell 1</td>
</tr>
<tr>
<td>table cell 2</td>
</tr>
</table>

es coding mein aap right taraf bara column aur os ke samne 2 rows bana sakte hain.

<tt>welcome<tt>es se aap welcome ko tt ka style de sakte hain.

<u>welcome</u>es coding se aap underline kr sakte hain.

48.
<table border="1" cellpadding="5" cellspacing="5" width="100%" style="background-color;border:3px dashed black;">
<tr>
<th style="text-align:left">table header</th>
<th style="text-align:left">table header</th>
</tr>
<tr>
<td width="20%">table cell 1</td>
<td>table cell 2</td>
</tr>
</table>

es coding se table mein color aur frame aur text ko right side kar sakte ho.

49.
<marquee behavior="scroll" direction="right" scrollamount="1">toroise</marquee>
<marquee behavior="scroll" direction="right" scrollamount="10">hare</marquee>
<marquee behavior="scroll" direction="right" scrollamount="20">cheetah</marquee>

es coding se text ko right or movement fast and slow kr sakte ho.

50.
<marquee behavior="scroll" direction="left" scrollamount="80" scrolldelay="500">welcome dear</marquee>

es coding se text ko left side tab jaise movement slow kar sakte ho.

51.
<table border="2" cellpadding="2" width="100%">
<TR onMouseover="this.bgcolor="#eeeeee"onMouseout="thi s.bgcolor="#ffffff">
<td>AYAZ</td>
</tr>
<TR onMouseover="this.bgcolor="#eeeeee"onMouseout="thi s.bgcolor="#ffffff">
<td>AYAZ</td>
</tr>
</table>

es coding se table pe mouse arrow rakho ge to wo apne aap select ho jayega.

52.
<style type="text/css">
p.wide-tracking ?( letter-spacing: 0.3em ?)
</style>
<p class="wide-tracking">welcome to my tag friends thank you</p>

es coding se aap text ko apni pasand ki space de sakte ho jaise MS Word mein justify hota hai.

53.
<h3 style="cursor:help">
your text... "Help"</h3>
<h3 style="cursorointer">welcome friends.. "Pointer"</h3>
<h3 style="cursor:wait">ayaz ali "Wait"</h3>
<h3 style="cursor:crosshair">welcome "Crosshair"</h3>
<h3 style="cursor:move">pakistan "Move"</h3>

es coding se aap text pe mouse ki mukhtalif cursor rakh sakte hain jaise control panel se krte hain.

54.
<input type="hidden" name="friendID" value="123456">
<textarea name="f§comments" style="width:150px;height:80px;background-color:#d0f18f;">
Enter your comments here....
</textarea><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>

es coding se aap table me comments or button submit or reset ko color De sake hain 

55.
</textarea><br>
<input type="submit" value="Submit"background-color:53760D;color 0F18F;">
<input type="reset" value= "Reset" style="background-color:#d0f18f;>
<p style=font-:verdna.aria.sans-serif;font-size:"10px">
</form>
es coding se aap table K button submit or reset ko color De sake hain checked by me aya

56.
<embed src="http://lads.myspace.com/theAnswer.swf"
quality="high"
bgcolor="#ffffff"
width="450"
height="345"
name="mp3player"
align=""
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

es coding se aap MP3 songs album rakhte hain sake hain.

Posted in: HTML lectures