4. Create a simple HTML program to illustrate three types of lists.

4. Create a simple HTML program to illustrate three types of lists.
program code:-

<!doctype html>
<html>
 <head>
    <title>lists</title>
 </head>
    <body>
       <FONT COLOR="red">
<h1>lists in html</h1> 
<ol>
       <li>tea</li>
       <li>coffee</li>
       <li>boost</li>
       </font>
 </ol>
        <FONT COLOR="green">
 <ol start="25">
         <li>kalyan</li>
         <li>babu</li>
         <li>raj</li>
</ol>
    </font>
<ol type="A">
         <li>computers</li>
         <li>maths</li>
         <li>physics</li>
</ol>
<ol type="i">
         <li>pvkn</li>
         <li>pcr</li>
         <li>ghs</li>
</ol>
<ul>
   <li>tea</li>
   <li>coffee</li>
   <li>boost</li>

     <ul>
         <li>vignan degree clg </li>
         <li>vijayam</li>
         <li>vcr</li>
            <ul>
                <li>ctr</li>
                <li>nellor</li>
          </ul>
    </ul>
</ul>
<dl>
           <dt>kalyan</dt>
            <dd>takes as a cluster physics or maths</dd>
            <dd>mohen takes as a cluster physics </dd>
 </dl>
         
           
     </body>
</html>

output:-

lists in html

  1. tea
  2. coffee
  3. boost
    4.
  1. kalyan
  2. babu
  3. raj
  1. computers
  2. maths
  3. physics
  1. pvkn
  2. pcr
  3. ghs
  • tea
  • coffee
  • boost
    • vignan degree clg
    • vijayam
    • vcr
      • ctr
      • nellor

kalyan
takes as a cluster physics or maths
mohen takes as a cluster physics 

Comments

Post a Comment

Popular posts from this blog

6.Create a help file as follows using frameset concept

Image
6.Create a help file as follows : programs:- in this program u have to create two files  1.sub program : using hyper links concept <!doctype html> <head> <title>frames</title> <style>    //style section is optional in this program h1 { color:red; } </style> </head> <body> <h1 align="center" target="lab">contents</h1>        // here i'am using hyper links concept <a href="lab1.html" target="lab">1.text formations </a><br> <a href="lab2.html" target="lab">2.font formations </a><br> <a href="lists.html" target="lab">3. lists</a><br> <a href="frame2.html" target="lab">4.materials clacifications</a> </body> </html> output: - contents 1.text formations 2.font formations 3. lists 4.materials clacifications 2.program:- ...
Read more

2. Illustrate font variations in your HTML code.

2. Illustrate font variations in your HTML code? program:- <!doctype html> <html> <head>    <title>font variations in html</title> </head> <body>    <p>this is a paragraph</p>    <font color="red">     <font size="1">the size of the font 1</font><br>     <font size="2">the size of the font 2</font><br>     <font size="3">the size of the is 3</font><br>     <font size="4">the size of the text is 4</font><br>     <font size="5">the size of the text is 5</font></font><br> <font face="Ravie"><font color="green">hi this is a new font phase</font></font><br>  <font face="Arial Rounded MT">this is another font style</font>    </body> </html> output:- this is a paragrap...
Read more

jquery lab programs 1&2

1. Using jQuery find all textareas, and makes a border. Then adds all paragraphs to the jQuery object to set their borders red. Aim : To add border to textareas and give red borders to paragraphs. Exercise1.html <!DOCTYPE html> <html> <head> <title>First JQuery Page</title> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('textarea').css({'border-style' : 'solid','border-color':'blue'}); $('p').css({'border-style' : 'solid','border- color':'red'}); }); </script> </head> <body> <p> P.V.K.N. Govt. College was established in 1961 in Chittoor Andhoa Pradesh on the sprawling campus far from the madding coowd of 112 acres. </p> <p> The College is afliated to Sri Venkateswara Universi...
Read more