HTML5 列表相关元素

xiaoxiao2021-02-28  98

<ul>:定义元序列表。可以指定id、style、class等属性,还可以指定onclick等事件。该元素只能包含<li .../>子元素。

<ol>:定义有序列表。  可以指定id、style、class等属性,还可以指定onclick等事件。该元素只能包含<li .../>子元素。另外还有三个属性:

start:指定列表项的起始数字。默认是第一个,如1,A等。

type:指定使用哪种类型的编号,1数字、A或a字母、I或i使用罗马数字。推荐使用CSS来定义。

reversed:该属性指定是否将排序翻转。

<li>:定义列表项。可以指定id、style、class等属性,还可以指定onclick等事件。该元素只能包含<li .../>子元素

<dl>也是用于定义表列项,访元素只能包含<dt../>  <dd ../>子元素。可以指定id、style、class等属性,还可以指定onclick等事件。

<dt>:定义标题列表项。可以指定id、style、class等属性,还可以指定onclick等事件。该元素只能包含文本、图像、文本格式化元素和表单元素。

<dd>:定义普通列表项。可以指定id、style、class等属性,还可以指定onclick等事件。

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Tpye" content="text/html; charset=GBK" /> <title>列表相关标签</title> </head> <body bgcolor="#00CC3456"> <!-- 定义无序列表 --> <ul color="#000000"> <li>JAVA</li> <li>Android</li> <li>Python</li> <li>C/C++</li> <li>PHP</li> </ul> <!-- 定义有序列表 --> <ol start="2" type="I"> <li>JAVA</li> <li>Android</li> <li>Python</li> <li>C/C++</li> <li>PHP</li> <ol> <!-- 定义列表 --> <dl> <!-- 定义标题列表项 --> <dt>Java 体系</dt> <dd>Java 讲义</dd> <dd>Java EE</dd> <!-- 定义标题列表项 --> <dt>Android</dt> <dd>JNI</dd> <dd>C++</dd> </dl> </body> </html>

转载请注明原文地址: https://www.6miu.com/read-63783.html

最新回复(0)