Monday, 11 July 2016

ADD LIST TO WEB PAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body bgcolor="grey">
  <center> <font color="green" size="6">ADDING UNORDERED LIST TO PAGE </font></center>
  <br>

  <ul> <font size="6">
  <li> list number 1 </li>
  <li> list number 2 </li>
  <li> list number 3 </li>  </font>
  </ul>

  <br><center><font size="6" color="green"> ADDING UNORDERED LIST IN SQUARE TYPE </font></center>
  <br>
  <ul type="square">  <font size="6">
  <li> list number 1 </li>
  <li> list number 2 </li> </font>
  </ul>

  <br><center><font size="7" color="blue"> ADDING ORDERED LIST TO PAGE </font></center>
  <br>
  <ol> <font size="6">
  <li> list number 1 </li>
  <li> list number 2 </li> </font>
  </ol>

     <br><center><font size="7" color="blue"> ADDING ORDERED LIST in user choice order </font></center>
<br>
 <ol> <font size="6">
  <li value="5"> list number 1 </li>
  <li value="10"> list number 2 </li>
  <li value="20"> list number 3 </li> </font>
  </ol>


  </body>
  </html>





CREATING TABLE TO WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body bgcolor="black">
  <center> <font color="white" size"10" >TABLE HAS BEEN CREATED </font> </center>

  <br> <center> <table bgcolor="yellow" cellpadding="20" cellspacing="25" style="border:5 red" height="450" width="1200">
 
  <tr><td bgcolor="green" style="border:4 dotted red"  height="150" width="300" style="border:4 green"><center> Name1</center></td>
 
  <td bgcolor="red" style="border:4 dotted orange" height="150" width="300"><center>Name2</center></td></tr>
 
  <tr><td bgcolor="brown" style="border:4 dotted red" height="150" width="300"><center>Name3</center></td>
 
  <td bgcolor="pink" style="border:4 dotted blue"height="150" width="300"><center>Name4</center></td></tr>
 
  </center>
  </table>
 
 
  </body>
  </html>





ADD VIDEO TO WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body>
  <embed src="E:\HTML pages\vid1.mp4" height="350" width="500" autoplay="false"> </embed>
 
  </body>
  </html>





ADD BACKGROUND AUDIO IN WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body bgcolor="grey">
  <bgsound src="E:\2015\aas_paas_khuda.mp3" loop="infinte">
 
  <center>
<font size="6" color="blue" face="comic sans ms">  AUDIO IS PLAYING IN BACKGROUND REPEATEDLY </font>

 </body>
  </html>







ADD AUDIO TO WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body>

<embed src="E:\aas_paas_khuda.mp3" height="300" width="300" autoplay="false"> </embed>
 </body>
  </html>




ADDING CLICKABLE IMAGE TO WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body bgcolor="brown">
 <center> <font size="6" color="purple" face="Bradely Hand ITC"> Click On This Image to Know more ...</font> </center>

 <br>
  <a href="http://www.aboutfish.com">
  <center>
 
<img style="border:5 solid yellow" src="E:\HTML pages\fish.jpg">
  </a>

 </center>
  </body>
  </html>




ADD NAME TO SECTION OF WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body>

 <a href="http://www.google.co.in"> GOOGLE HOMEPAGE </a>

 <br> <br> <a href="HTML pages/2)add_color_to_backgrond_&font.html#DHEERAJ"> Link To My Section Of WEBPAGE</a>
  </body>
  </html>









ADD LINK IN WEBPAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>

 <body link="blue" alink="green" vlink="red">

<a href="HTML pages/2)add_color_to_backgrond_&font.html"> MY WEBPAGE </a>

 <br> <br> <a href="http://www.google.co.in"> GOOGLE HOMEPAGE </a>

 <br> <br> <a href="computer.html"> computer page </a>

  </body>
  </html>





ADD BORDER OVER IMAGE

<html>
<head>
<title>
 WEB DESIGNING
 </title>
 </head>
 
 <body bgcolor="black" >
 
 <font size="6" color="red" face="comic sans MS"> 
  <br>IMAGE is inserted within dotted red border in black background!!!
 
  <img style="border:5 dotted red" src="E:\comp.jpgheight="200" width="400" alt="image">

 </font>

 <br>
 <font size="6" color="yellow" face="comic sans MS"> 
 <br>IMAGE is inserted yellow border in black background!!!
<img style="border:5 solid yellow" src="E:\HTML pages\com.jpg"height="200" width="400" alt="image">


</font>

  </body>
  </html>