List in HTML

HTML List is must like elements and tags in HTML, the list is more important for a make like a drop down the menu in websites or like List about categories, and as like some menu.

The basic thing that means it's used for menu and categories in HTML you can read my articles
HTML basic elements and tags, and other HTML Formatting Tags in HTML.

Lists are used to group related pieces of information together, so they are clearly associated with
each other and easy to read. In modern web, development lists are workhorse elements, frequently
used for navigation as well as general content.


HMTL-List


We can List out our items, subjects or menu in the form of a list. 

HTML gives you three different types of lists.

1. <ul> - An unordered list. This will list items using bullets.

2. <ol> - A ordered list. This will use different schemes of numbers to list your items.

3. <dl> - A definition list. This will arrange your items in the same way as they are arranged in a dictionary.


1.HTML Unordered Lists:(UL)

An unordered list is a collection of related items that have no special order or sequence. This list is created by using the <ul> tag.

Each item in the list is marked with a bullet.

The bullet itself comes in three flavors:
  1. squares,
  2. discs, 
  3.  circles.
The default bullet displayed by most web browsers is the traditional full disc.

types-of-ul-list-html




Example:

<ul type= “disc” >
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>

UL-type-HTML


2.HTML Ordered Lists:(OL)

There are 4 other types of ordered lists. 


Instead of generic numbers, you can replace them with Roman numerals or letters, both capital and lower-case. Use the type attribute to change the numbering.

Start attribute is used for starting number as desired.

Example:

  <ol type= “a” start="50" >
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ol>


types-of-Order-list


3.Definition Term Lists (DL)

Make definition lists as seen in dictionaries using the <dl> tag. 
These lists displace the term word just above the definition itself for a unique look.
It's wise to bold the terms to displace them further.

<dl> - defines the start of the list
<dt> - definition term
<dd> - defining definition

Example:

<dl>
<dt>
<b>Html</b>
</dt>
<dd>HyperText Mark Up Language</dd>
<dt>
<b>Xhtml</b>
</dt>
<dd>Xtensibile HyperText Mark Up Language </dd>
</dl>





Output:
Html
HyperText MarkUp Language.

XHTML
Extensible HyperText Mark Up Language.


Comments In HTML

A comment is a way for you as the web page developer to control what lines of code are to be ignored by the web browser.


Placing notes and reminders to yourself is a great way to remind yourself what pieces of code are doing what.

Syntax for commenting

<!--
Code Successfully Commented
-->

COMMENTS

Name

Blogging,9,How to,24,Make Money,10,SEO,16,Tricks & Tips,1,Web Designing,11,Web Development,8,
ltr
item
Weblog Tricks - Learn Everything About Web : List in HTML
List in HTML
List in HTML in html code step by step describe with bullets form, able, html list tag CSS, Web designing ,HTML elements, Tags and also attributes of common
https://2.bp.blogspot.com/-fnx-vCjNsME/WEPHgCdalpI/AAAAAAAAAHE/hUKLObBILMISYZhes6woVUjnVtTiQjgnQCLcB/s640/Presentation3.jpg
https://2.bp.blogspot.com/-fnx-vCjNsME/WEPHgCdalpI/AAAAAAAAAHE/hUKLObBILMISYZhes6woVUjnVtTiQjgnQCLcB/s72-c/Presentation3.jpg
Weblog Tricks - Learn Everything About Web
http://www.weblogtricks.com/2016/12/list-in-html.html
http://www.weblogtricks.com/
http://www.weblogtricks.com/
http://www.weblogtricks.com/2016/12/list-in-html.html
true
3158682668530211189
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy