列表
※遵循W3C标准,<ul>、<ol>、<dl>标签里面只能嵌套<li>标签,不能嵌套其它标签。
<li>标签里面可以嵌套任意标签。
无序列表
HTML Code :
<ul>
<li>肖奈(一笑奈何)</li>
<li>贝微微(芦苇微微)</li>
<li>于半珊(愚公爬山)</li>
<li>丘永侯(猴子酒)</li>
<li>郝眉(莫扎他)</li>
</ul>
Result :
无序列表的特性如下:
1.没有顺序,每个<li>标签独占一行(块元素)。
2.列表项的标记默认为实心圆点。
3.一般用于无序类型的列表,如导航、侧边栏等。
有序列表
HTML Code :
<!doctype html>
<ol>
<li>肖奈(一笑奈何)</li>
<li>贝微微(芦苇微微)</li>
<li>于半珊(愚公爬山)</li>
<li>丘永侯(猴子酒)</li>
<li>郝眉(莫扎他)</li>
</ol>
Result :
有序列表的特性如下:
1.有顺序,每个<li>标签独占一行(块元素)。
2.列表项的标记默认为数字。
3.一般用于排序类型的列表,如试卷、问卷选项等。
定义列表
HTML Code :
<dl>
<dt>肖奈(一笑奈何)</dt>
<dd>A大校草级人物兼风云人物、计算机系大四学生、计算机系篮球队队员,是全方面的天才,入校三年多领队在ACM等国际编程大赛中为学校夺得诸多荣誉,还擅长古筝、围棋和扫雷,还曾作为游泳选手代表学校夺得金牌。(大神呐!)父母为A校历史系和考古系的教授。很自恋,但从来都不表现出来。说话点到为止。别人说他很清傲,室友了解他其实是超级阴险的腹黑男。他初中时与人合伙开网吧,大学时自己在外组建了一个名为“致一科技”的公司,并与风腾公司联合开发《梦游江湖2》。抱着熟悉前身游戏的想法再度进入玩起来,职业为琴师,是其服务器PK榜排行第一,财富榜第一以及多项榜第一的玩家,纯属大神级人物,又因夫妻PK赛与刚刚“离婚”的芦苇微微(贝微微)结婚(其实早已注意到了她)。</dd>
<dt>贝微微(芦苇微微)</dt>
<dd>A大校花级人物、计算机系大二学生、购物的砍价高手,最喜欢玩的游戏是《梦游江湖》,职业为红衣女侠(一、喜欢其技能;二、着装),是其服务器PK榜排行第六的玩家,为任务嫁给了“老公”真水无香(后成为小雨妖妖的男友),后与其“离婚”后又迅速嫁给了一笑奈何(肖奈)(为了PK比赛),因此陷入“网恋”,最后在现实生活中与一笑奈何(肖奈)走到一起。</dd>
<dt>于半珊(愚公爬山)</dt>
<dd>肖奈的室友、计算机系篮球队队员、致一科技员工,因小时有过成语阴影,所以总滥用成语(有些还不是成语),总体是个很可爱的人物。</dd>
<dt>丘永侯(猴子酒)</dt>
<dd>肖奈的室友、计算机系篮球队队员。读完研究生后也到了致一科技工作。</dd>
<dt>郝眉(莫扎他)</dt>
<dd>因为在峨眉山投胎,其娘觉得是个女生,所以出生前名字就取好为郝眉。因为名字谐音“好美”,还是小白脸,故绰号美人师兄、美眉师兄。肖奈的室友、计算机系篮球队队员、致一科技员工、在程序部三大神手之一。(江湖人称眉哥)在新年番外《肖宝贝.....们》中已名“花”有主。“主”即莫扎他口中“人妖中的妖人”在某游戏里与KO先生结婚,得新绰号“美眉哥”。</dd>
</dl>
Result :
定义列表的特性如下:
1.没有顺序,每个<dt>、<dd>标签独占一行(块元素)。
2.列表项默认没有标记。
3.一般用于一个标题下有一个或多个列表项并有多个标题的情况。
我寻见一片海 碧蓝且耀着光
大片船只航行其上 都向着远方
Shared by Foriver_江河