Html – Lists

HTML lists is showing in web browsers as bulleted lines of text. There are really three various kinds of HTML lists, containing unordered lists (bullets), ordered lists (numbers), and definition lists (think: dictionaries). Each list type uses its own singular list tag, which we’ll show below.

HTML List Item Code:

 

HTML List Items:

I am a list item!> I am a list item too!> I am a list item also!>

 

The real list tags themselves, such as <ul>, are nothing but receptacle of features for list items (<li>). They work behind the scenes to recognize the beginning and ending of an HTML list feature.

---

Html – unordered lists

An unordered list (<ul>) shows a web browser that all list items included within the <ul> tag should be submitted with a bullet preceding the text. The default bullet type for most web browsers is a full disc (black circle), but this can be suited utilizing an HTML characteristic called type.

HTML Default Bullet List Code:

 

HTML Default Disc Bullets:

Shopping List Banana Meat Egg Butter

To submit a list with a various bullet type, add a type characteristic to the unordered list feature. Utilizing the similar code in the example above, replace the <ul> line from the prior example with any of the lines listed below to replace the bullet from disc shape to another shape.

HTML Unordered List Type Code:

 

HTML Unordered List Kinds:

type=”square”	type=”disc”	type=”circle”
Milk Toilet Paper Cereal Bread	Milk Toilet Paper Cereal Bread	Milk Toilet Paper Cereal Bread

---

Html – ordered lists

Through using the <ol> tag an ordered list is defined, and list items located within an ordered list are be ahead of numbers instead of bullets.

HTML Numbered/Ordered List:

 

HTML Numbered List:

Goals Find a Dream Job Get Money Move Out

 

The numbering of an HTML list can be replaced by letters or Roman Numerals by once again adapting the type characteristic.

HTML Code:

 

Ordered List Kinds:

Lower-Case Letters	Upper-Case Letters	Lower-Case Numerals	Upper-Case Numerals
Find a Dream Job Get Money Move Out	Find a Dream Job Get Money Move Out	Find a Dream Job Get Money Move Out	Find a Dream Job Get Money Move Out

The start characteristic lets you to further personalize an HTML ordered list by determining a new starting digit for the ordered list feature.

HTML Numbered List Start Characteristic:

 

HTML Numbered List Start – 4:

Goals Buy Food Enroll in College Get a Degree

---

Html – definition term lists

HTML definition lists (<dl>) are considered as list features that have a singular array of tags and features; the resulting listings are identical to those you’d see in a dictionary.

• <dl> – opening clause that explains the beginning of the list
• <dt> – list item that explains the definition term
• <dd> – definition of the list item

These lists replace the word term (<dt>) in such a way that it relies just above the definition feature (<dd>) to present a very singular look. For always, results we presenting bolding the definition terms with the bold tag <b>.

HTML Definition List Code:

 

HTML Definition List Display:

Fromage French word for cheese. Voiture French word for car.

tips

• Use the start and type characteristics to personalize list features.
• It is possible to make lists of lists, which is helpful for producing some items, such as outlines.