HTML之UL标签
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML之UL标签相关的知识，希望对你有一定的参考价值。
上面这个小三角是这么弄的
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Arrow</title>
<style>
html, body, ulmargin: 0; padding: 0; background-color: #000;
ul, limargin: 0; padding: 0; list-style: none;
#boxposition: relative; width: 100px; height: 50px; background-color: red; text-align: center; margin: 100px auto;
h3width: 100%; height: 100%; line-height: 50px; margin: 0;
ulbackground-color: #fff; display: none;
lifont-size: 14px; line-height: 30px; cursor: pointer;
spanposition: absolute; display: none; border: 6px solid transparent; border-bottom-color: #fff; left: 50%; margin-left: -6px; top: 38px;
#box:hover uldisplay: block;
#box:hover spandisplay: inline-block;
</style>
</head>
<body>
<div id="box">
<h3>安全保障</h3>
<ul>
<li>合作保障机构</li>
<li>CFCA战略合作</li>
<li>政策法规保障</li>
</ul>
<span></span>
</div>
</body>
</html>
可以通过图片，但是性能上稍微差一点，可以用一个标签的边框来表示，下边框有颜色其余的透明然后定位即可。代码是个小例子，你可以看看。
参考技术A 用图片来弄多多study02-html
列表：
作用：页面有一些数据需要显示。
无序列表：
作用：显示一列没有排列顺序的数据。
代码：
<ul>
<li></li>
<li></li>
</ul>
注意：
1.无序列表中的数据没有先后顺序之分。
2.ul标签最好不要单独出现。
3.ul标签是用来管理li标签。
4.ul标签中最好只放li标签。
5.li标签中可以放其它标签。
6.li标签是一个容器。
有序列表：
作用：显示一段有顺序的数据。
代码：
<ol>
<li></li>
<li></li>
</ol>
注意：有序列表中的所有数据都是顺序的。
现在一般情况下ul标签用的比较多，ol标签用的比较少。
自定义列表：
作用：显示一段数据，格式自己定义
代码：
<dl>
<dt></dt>
<dd></dd>
</dl>
表格
作用：用来将数据以表格形式显示出来。
代码：
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
属性 作用
border 给表格加上了边框
width 给表格设置宽
height 给表格设置高
表格中的其它标签：
标签 作用 特点
<th></th> 起到表头的作用 其中的文字加粗，居中
<caption></caption> 给表格设置标题 在表格的最上面显示标题
<thead></thead> 用来存放当前列的表头 如果没有加css页面默认将表头中的高度设置变小
<tbody></tbody> 一般来存放页面中的主体数据 如果不写会自动加上
<tfoot></tfoot> 一般情况不会出现
表单：
１表单元素
注册页面上能够填写的内容都是我们的表单元素。
作用：用来收集用户的信息，将来提交到服务器。
标签 属性 作用
input type
text: 文本框
password： 密码框
hidden: 隐藏域
radio: 单选框
checkbox: 多选框
button: 按钮
reset: 重置
image: 图片按钮
submit :提交
value 用于设置默认值(text,password,button)
select option 下拉框
textarea 文本域
注意点：如果想要多个radio或者checkbox组成一个选择集合，那么必须给每个radio以及checkbox都设置相同name属性。
如何给radion,checkbox设置默认值呢？
设置另外一个属性：checked=”checked”
我需要给下拉框设置默认值？
selected="selected"
２Form标签：
为什么占击reset没有效果啊？
因为type=resrt的按钮只能在Form之中才能起作用。
作用：用来管理页面上的表单元素，表单元素如果要起作用，必须要放在form标签中。
属性 作用
action 将所有的数据提交到action指定的页面
为什么提交之后没有将数据显示在地址栏上呢？
必须要给需要提交的标签加上name属性。
以上是关于HTML之UL标签的主要内容，如果未能解决你的问题，请参考以下文章
如何用ul li 标签动态获取数据库中10条数据并有连接 麻烦详细点