Saturday, 11 January 2014

table1

<!table example>
<html>
 <head> example program</head>
 <body bgcolor ="blue" text="red">
 <table border="1">
  <tr>
   <td>row1, column 1</td>
   <td>row1, col 2</td>
  </tr>
   <tr>
    <td>row 2, col 1</td>
    <td>row2, col2</td>
   </tr>
  </table>
 </body>
</html>
 

DEFINITION LIST EX1

<html>
 <head>
  <title>lists</title>
 </head>
 <body>
  <dl>
   <dt>hyd</dt>
   <dd>Biriyani</dd>
   <dt>chennai</dt>
   <dd>sambar</dd>
  </dl>
 </body>
</html>

UnOrdered List ex2

<html>
 <head>
  <title>lists</title>
 </head>
 <body>
  <ul type="circle">
  <li>hyd</li>
  <li>sec</li>
  <li>mum</li>
 </ul>
 </body>
</html>

Unordered list: example

<html>
<head>
<title>Program on Lists</title>
</head>
<body>
<basefont size=4 color=blue>
<h1 align=center>
<font color=red> Ordered & Unordered Lists </font>
</h1>
<ol align=center type=1> <b> <font color=red> Months of an Year </font> </b>
<li> January </li> <br>
<li> February </li> <br>
<li> March </li> <br>
<li> April </li> <br>
<li> May </li> <br>
<li> June </li> <br>
<li> July </li> <br>
<li> August </li> <br>
<li> September </li> <br>
<li> October </li> <br>
<li> November </li> <br>
<li> December </li> <br>
</ol>
<ul align=center type=square><b><font color=red>Days of a Week</font></b>
<li> Sunday </li> <br>
<li> Monday </li> <br>
<li> Tuesday </li> <br>
<li> Wednesday </li> <br>
<li> Thursday </li> <br>
<li> Friday </li> <br>
<li> Saturday </li> <br>
</ul>
</body>
</html>

Ordered List: example1

<! first list program-->
<html>
 <head>
   <title>lists</title>
 </head>
 <body>
   <ol type="1">
    <li>Hyderabad</li>
    <li>chennai</li>
    <li>Mumbai</li>
   </ol>
  </body>
</html>
   

horizontal example 2

<!DOCTYPE html>
<html>
  <title>horizontal </title>
 <head>
   demo program
 
 </head>
  <body bgcolor="yellow" text="red">
 
    <hr size="10" width=100% align="left" color="red"/>
    <hr>
     <font size=15 color="blue" face="arial">
        welcome
     </font>
    </body>
  </html>

horizontal tag


<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
</body>
</html>