HomeProgramHTML

List in HTML

This tutorial explains how to create lists in HTML.

List of types arranged in HTML

The unordered list starts with a card

    ,

Each item will start with a card i >. i>. Mặc định trước mỗi mục là hình thoi. The default before each item is diamond.


  1. Tea

  1. Country

  1. The coffee

Select the character mark in the beginning of the unordered list

CSS properties list-style-type is used to define the first line character.

  1. disc - rhombus (default)
  2. circle - circle
  3. square - square
  4. none - no characters used

 
  1. Tea

 
  1. Country

 
  1. The coffee




 
  1. Tea

 
  1. Country

 
  1. The coffee




 
  1. Tea

 
  1. Country

 
  1. The coffee




 
  1. Tea

 
  1. Country

 
  1. The coffee

List of types arranged in HTML

This type of list starts with a card

    ,

Each item in the list starts with a card

  1. ,
By default, each item is marked with a serial number. 

 
  1. Tea

 
  1. Country

 
  1. The coffee

Select the character mark in the top of the sorted list

Type attribute of the tag Defines the type of character used to mark a line.

  1. type = '1' ordinal number (default)
  2. type = 'A' uppercase letters
  3. type = 'a' lowercase letters
  4. type = 'I' romanized number
  5. type = 'i' romanized code is lower

  1. Tea

  1. Country

  1. The coffee
  1. Tea

  1. Country

  1. The coffee
  1. Tea

  1. Country

  1. The coffee
  1. Tea

  1. Country

  1. The coffee
  1. Tea

  1. Country

  1. The coffee

List of descriptive types in HTML

This is a list of terms with descriptions for each term. Card

used to define description lists, tags Definition of terms (names) and tags used to describe.


  Cà phê 
  - thức uống màu đen 
  Sữa 
 - thức uống màu trắng

List of nested HTML

List in HTML can be nested (nested list in list)


  1. The coffee

  1. Tea


  1. Green tea

  1. Jasmine tea
  1. Milk

Note: items in the list may contain lists or other HTML elements such as images, links .

Control the count in the list

By default, the sort list will start counting from 1. If you want to count from another number, you use the start. attribute start.


  1. Tea

  1. Country

  1. The coffee

Create a list with CSS

HTML lists can be created in many ways, the common way is to do horizontally to create navigation menus.









 
  1. Home page

 
  1. News

 
  1. Phonebook

 
  1. About us




Previous post: Table in HTML

The following article: Block and inline elements in HTML

4 ★ | 1 Vote
HTMLcreate list in HTMLlearn htmllearn html5

You should read it

May be interested

  • How to Use Text Color Tags in HTMLHow to Use Text Color Tags in HTML
    this article explains how to change the font color in html documents. although the html style tag is obsolete in html5, you can use css to color content on an html page. if you use an older version of html, you can use the html text color tag as needed.
  • Format text in HTMLFormat text in HTML
    format elements in html help determine the style and importance of text.
  • Elements in HTMLElements in HTML
    the html element usually goes in pairs, including the opening tag, closing tag, and the content inside the two tags.
  • Symbol - Icon in HTMLSymbol - Icon in HTML
    html has many mathematical, technical and monetary symbols that cannot be used to write.
  • Common HTML mistakes that you should avoid for better web programmingCommon HTML mistakes that you should avoid for better web programming
    learning html is not difficult, but when running it in the browser, errors often occur. here are common html errors and how to handle them for better web development.
  • How to insert spaces in HTMLHow to insert spaces in HTML
    this tutorial explains how to insert spaces and line breaks in html. because no matter how many times you type a space, html will display a space so to insert more than one space, you will need to use the html tag.
  • Image img in HTMLImage img in HTML
    when you visit the website, you will often see images of all sizes and positions on the page. images in html web pages will help to enrich the content as well as increase the aesthetics of the page.
  • Attributes in HTMLAttributes in HTML
    properties are used to add information to elements in html.
  • The id attribute in HTMLThe id attribute in HTML
    in html, the id attribute is used to specify a unique id for an html element (the value must be unique in the html file).
  • Table in HTMLTable in HTML
    what does it take to create a table in html? is it complicated? want to add color to the table border, how to add the background color to the text in the table? in this article tipsmake.com will answer those questions and guide you to basic operations with tables on html, in addition to adding alternate color schemes for rows in the html table. invite you to follow along.