NEP CMA

PART -A

PROGRAM 1 PROGRAM 2 PROGRAM 3 PROGRAM 4 PROGRAM 5 PROGRAM 6 PROGRAM 7 PROGRAM 8

PART-B

PROGRAM B1 PROGRAM B2 PROGRAM B3 PROGRAM B4 PROGRAM B5 PROGRAM B6 PROGRAM B7 PROGRAM B8 . . . 

 
 
     
  
       


<html>
<body>




<p>
Develop and demonstrate a HTML document that illustrates<br> a) Unordered List (UL) <br>b) Ordered
List (OL) and Definition list (DL) <br>c) Table Alignment (Cell Spacing, Cell Padding, Height, Width,
Border, Rowspan, colspan) <br>d) Setting Different Table Attributes (Color, Image)
</p>
 

<h2>An Unordered HTML List</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

<h2>An Ordered HTML List</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol> 


<h2>A Description List</h2>

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>



<style>
table, th, td {
  border:1px solid black;
  padding: 15px;
}



tr:nth-child(even) {
  background-color: #D6EEEE;
}
</style>

 <table style="width:60%">
  <tr>
   <th colspan="2">Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td rowspan="2">Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
       <tr>
    <td>Cleveland</td>
    <td>Brown</td>
    <td>Mexico</td>
  </tr>
</table> 



</body>
</html>