Blogger Information
Blog 16
fans 1
comment 0
visits 14158
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
2019年7月2日作业(二) - 实例演示无序列表的基本使用
杜强_上海_315106编程学习
Original
636 people have browsed it

以下一段代码为无须列表的基本使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列列表的基本使用</title>
</head>
<body>
<!-- h3标签-->
<h3>我与家人的关系</h3>
<!-- ul为无序列表  ol为有序列表 dt为定义列表也可以用div代替-->
<ui>
    <li>1.我爸爸的性别,男,50岁,与我的关系是,父子</li>
    <li>2.我的妈妈性别,女,40岁,与我的关系是,母子</li>
    <li>3.我的老婆性别,女,27岁,与我的关系是,夫妻</li>
</ui>

</body>
</html>

以上代码执行结果截图:

0702-2.png

总结:学完无序列表后要明白的几点:

  1. ul标签为无序列表。何为无序列表是没有序号的列表!无序列表常用的是写网站导航菜单!

  2. 明白无序列表与有序列表的区别!有序列表标签:ol与无序列表的区别在于:ol前面是自动有数字的列表,无序列表前面的数字是需要我们自己手工添加的!(数字为:1 2 3 4......


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post