home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ประเภทของรายการ HTML

HTML มีรายการอยู่สามประเภท −

  • รายการไม่เรียงลำดับ

      รายการนี้มีรายการหัวข้อย่อยที่ไม่มีลำดับเฉพาะ

    • รายการสั่งซื้อ

        รายการนี้ใช้สำหรับรายการสั่งซื้อ

      1. รายการคำจำกัดความ

        รายการนี้ใช้เพื่อแสดงคำจำกัดความของคำศัพท์

    เราสามารถซ้อนรายการเหล่านี้และจัดรูปแบบได้ตามต้องการ สไตล์รายการคุณสมบัติ CSS ช่วยให้เราจัดรูปแบบรายการ

    ไวยากรณ์

    ไวยากรณ์ของรายการ HTML มีดังต่อไปนี้ −

    <type of list>
<li></li>
</type of list>

    ตัวอย่างต่อไปนี้แสดงรายการ HTML -

    ตัวอย่าง

    <!DOCTYPE html>
<html>
<head>
<style>
ul {
   background-color: papayawhip;
   list-style-type: square;
   font-style: italic;
}
ol {
   background-color: azure;
}
</style>
</head>
<body>
<ol>
<li>demo1</li>
<li>
demo 2
<ul>
<li>demo a</li>
<li>demo b</li>
</ul>
</li>
<li>demo 3</li>
</ol>
</body>
</html>

    ผลลัพธ์

    สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -

    ประเภทของรายการ HTML

    ตัวอย่าง

    <!DOCTYPE html>
<html>
<head>
<style>
dt {
   font-weight: bold;
   font-style: italic;
}
dd {
   border: thin dotted;
}
</style>
</head>
<body>
<h2>Programming Languages and Databases</h2>
<dl>
<dt>Java</dt>
<dd>A programming language developed by James Gosling.</dd>
<dt>C++</dt>
<dd>A programming language developed by Bjarne Stroustrup.</dd>
<dt>MySQL</dt>
<dd>MySQL is an open-source relational database management system.</dd>
</dl>
</body>
</html>

    ผลลัพธ์

    สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -

    ประเภทของรายการ HTML