Skip to main content

lists

 HTML Provides Three Types of Lists .


  • Ordered List - Ordered list are lists where each item in the list is numbered.
  • Unordered List - Unordered lists that begin with a bullet point.
  • Definition List - Definition Lists are made up a set of terms along with the definition for each of those terms. 



Ordered Lists

<ol>

The Ordered list is created with <ol> element.

<li>

each item in the list is palaced between opening <li> tag and closing </li> tag. <li> stands for list items.
Browsers indent lists by default.



Unordered List

<ul>

The Unordered list is created with <ul> element.

<li>

each item in the list is palaced between opening <li> tag and closing </li> tag. <li> stands for list items.
Browsers indent lists by default.

Definition list

<dl>

The definition list is created with <dl> element. inside <dl> element we use <dt> and <dd> elements.

<dt>

This is used to contain the term being defined (the definition term)

<dd>

This is used to contain the defination.



Nested Lists

You can put a second list inside an <li> element to create a sub- list or nested list.



I Hope you like this

Labels:

Comments

Post a Comment

Popular posts from this blog

Summary of Text

We are understanding about text. In text we have learnt about how to use headings , paragraphs, How to BOLD , Italic, How to Superscript and subscript and how to creat Line breaks. In sementic  Markups we study strong and emphasis, quotation,abbreviation&Acronyms , Citation and definations , Author's Address and change in content. Here i attached a page . The Code The HTML Page Thank you for coming Here . For practing this you can choose Wikipedia pages.
Post a Comment
Read more

LINKS

 Links links are very useful for us. they allows us to move one page to another page. it will make a better experience for user. <a> Links are created with <a> tag element . Users can click Anything between the opening and closing</a> tag. We can specify which page we want to link with href attribution. Linking to Other Website <a href="https://www.wikipedia.org">Wikipedia Home</a> Linking page on  same website <a href="index.html">Home</a> Email Link <a href="mailto:sagar@sagarved.com">Email To Sagar</a> Opening Links in a New Window Target  <a href="google.com" target="_blank">Google Home</a> Linking To a Specific Part in a Same Page To achieve this we  use I'd'. For referencing  A id element we use # and followed by link . <a href="#contact">Contact</a> Linking to a Specific part on Another Page If we want to link a specific part then we r...
Post a Comment
Read more

BOLD & ITALIC AND SUPERSCRIPT & SUBSCRIPT

BOLD AND ITALIC <b>...</b> THIS IS BOLD TEXT By enclosing words in the tags <b> and </b> we can make characters appear bold. The <b> element also represents a section of text that would be presented in a visually different way (for example keywords in a paragraph) although the use of the <b> element does not imply any additional meaning. <i>...</i> THIS IS ITALIC TEXT By enclosing words in the tags <i> and </i> we can make characters appear italic. The <i> element also represents a section of text that would be said in a different way from surrounding content — such as technical terms, names of ships, foreign words, thoughts, or other terms that would usually be italicized. BOLD  AND ITALIC SUPERSCRIPT AND SUBSCRIPT <sup>...</sup> The <sup> element is used  to contain characters that  should be superscripts such  as the suffixes of dates or  mathematical concepts like  rai...
Post a Comment
Read more