Clock

Khmer Web

Gateway to web application
HTML List
Edit

<ul> គឺ​ជា element មួយ ដែល​អនុញ្ញាត​អោយ​យើង​អាច​បង្កើត​ list នៃ​ឃ្លា​ប្រយោគ​មួយ​ចំនួន​ដូច​ខាង​ក្រោម​នេះ៖ 

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>HTML List</title>
  </head>
  
  <body>
	
An unordered HTML list


	
    
  	  
  • Coffee
    • 
  	  
  • Tea
    • 
  	  
  • Milk
    • 
	
  
  </body>
</html>

An unordered HTML list

  • Coffee
  • Tea
  • Milk

<ol> គឺជា element ប្រើ​ប្រាស់​សំរាប់​បង្កើត list នៃ​ឃ្លា​ប្រយោគ​ដែល​មាន​លេខរៀង​នៅ​ពី​មុខ​។ 

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>HTML List</title>
  </head>
  
  <body>
	
An ordered HTML list


	
    
      
  1. Coffee
    2. 
      
  2. Tea
    3. 
      
  3. Milk
    4. 
	
  
  </body>
</html>

An ordered HTML list

  1. Coffee
  2. Tea
  3. Milk

យ៉ាងណាម៉ិញ យើង​អាច​កំណត់​ពី​លេខ​ឬ​អក្សរ​នៅ​ពី​មុខ​ឃ្លា​ប្រយោគ​និមួយ​នៅ​ក្នុង​ list ដែល​ជា <ol> បាន​ដោយ​ប្រើប្រាស់​ attribute "type" ដូច​ខាង​ក្រោម​នេះ៖ 

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>HTML List</title>
  </head>
  
  <body>
	
An ordered HTML list


	
    
      
  1. Coffee
    2. 
      
  2. Tea
    3. 
      
  3. Milk
    4. 
	
  
  </body>
</html>

An ordered HTML list

  1. Coffee
  2. Tea
  3. Milk

Ordered HTML List - The Type Attribute
Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

យ៉ាងណាម៉ិញ បើ​សិន​ជា​យើង​មិន​ចង់​អោយ​មាន​សញ្ញា​អ្វី​នៅ​ពី list របស់​យើង​ទេ អាច​ប្រើប្រាស់ <dl>, <dt> និង <dd> ក្នុង​ការបង្កើត list របស់​យើង​បាន​។ 

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  	<title>HTML List</title>
  </head>
  
  <body>
	
A Description List


	

      
Coffee

      
- black hot drink

  	  
- white cold drink

	

  </body>
</html>

A Description List

Coffee
- black hot drink
- white cold drink