List in HTML

This tutorial explains how to create lists 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

« PREV POST
NEXT POST »