Skip to main content

Types Of List

So in the last blog, we worked on with a list called unordered list......Now we are gonna study more types of list..

 Ordered list - This type of list starts with <ol> and ends with </ol>....this type of list creates auto numbers like 1,2,3,4....etc.. Now go to your notepad and update the code...the things in bold must be updated..

 <html>
<head>
<title>My First Webpage (About dinosaurs)</title>
</head>
<h1>First Webpage</h1>
<h2>Welcome to my Website......
<p>This is my first webpage....Hope you like it</p>
<br>
<br>
<h2>Dinosaurs --- All about them</h2>
<br>
<p>We all know about dinasaurs.. There are many types of dinosaurs and some of the names are :-
<ol>
<li>Abelisaurus</li>
 <li>Acanthopholis</li>
<li>Acristavus</li>
 </ol>
</html> 

After updating the code your result will be like this :-

Did you notice the difference? In unordered list we saw circles instead of numbers...this is the difference between ordered and unordered lists...

There are not just these two types but there are more lists...

 Definition List : This is a complicated type of list then the others...
Lets look at an example....create a new notepad document and type in the following code :-

 <html>
<head>
<title>HTML Definition List</title>
</head>
<body>
<dl>
<dt><b>HTML</b></dt>
<dd>This stands for Hyper Text Markup Language</dd>
<dt><b>HTTP</b></dt>
<dd>This stands for Hyper Text Transfer Protocol</dd>
</dl>
</body>
</html>

 and your result will look somewhat like this:-

 now lets study the code.
 <dl></dl> Stands for the definition list...it works like the <ol> and </ol> tag

 2 >>> <dt></dt>Part is called the topic... HTML and HTTP are the topics here..

 1>>><dd></dd>Part is called the subtopic part.....the full forms of http and html are subtopics...
Now you understood definitions list...so in the next blog w will be studying nested lists...
Labels:

Comments

Post a Comment

Popular posts from this blog

Tables...

Ok.... So now we are done with a lot of lists.. now let us study about tables... Well all of you know what are tables...Now lets make a table in HTML... <html> <body> <table style="width:100% border="1" ">   <tr>     <td>Jill</td>     <td>Smith</td>            <td>50</td>   </tr>   <tr>     <td>Eve</td>     <td>Jackson</td>            <td>94</td>   </tr>   <tr>     <td>John</td>     <td>Doe</td>            <td>80</td>   </tr> </table> </body> </html> Your result must be somewhat like this :- ok now lets understand this code... Tables are defined w...
Post a Comment
Read more

HTML CONTEST IN JUNE 2015

THIS IS AN IMPORTANT POST!!!PLEASE READ IT So we have done a lot of practice till now.....Now is the time..start preparing yourself for the contest.... About the Contest :- The contest will begin in June and you will be given some time to complete the task given to you.... Keep bringing people here so that there may be a tough competition and till then keep practicing... Prize :- Your name will be there at the home page for 10 days ALL THE BEST .. NOTE :- The contest may postpone if there are insufficient participants....
Post a Comment
Read more

Beginning With CSS

Now lets begin with CSS... Now lets see an image below and see the syntax of CSS:- A CSS rule set consists of a selector and a declaration block The selector tell which html element to be styled.... The declaration block contains one or more declarations separated by semicolons. Each declaration includes a property name and a value, separated by a colon. Now lets see an example.... p {color:red;text-align:center;} You can see that there are two declarations in the first line...To make the code neat we can put one declaration on   each line....  p  {      color:  red;      text-align:  center; } The answers to the first assignment will be given soon..we will start with "Comments" from the next post...
Post a Comment
Read more