清单标签
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>清单标签</title>
</head>
<body>
<ul type="square">
<li>小猴子1024</li>
<li>小猴子1024</li>
<li>小猴子1024</li>
<li>小猴子1024</li>
</ul>
<hr/>
<ol type="1" start="2">
<li>小猴子1024</li>
<li>小猴子1024</li>
<li>小猴子1024</li>
<li>小猴子1024</li>
</ol>
</body>
</html>
标签介绍:
无序列表:<ul></ul>
<li></li>:列表项
属性:
type:有三个值,分别为disc、 square和circle
有序列表:<ol></ol>
<li></li>:列表项
属性:
type:1、A、a、I、i
start:数字,代表首项开始位置
列表标签的作用:实现菜单栏(横向或者纵向均可)
无序列表标签的小圆点在HTML中不能直接去掉,需要在CSS中设置
图形标签
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图形标签</title>
</head>
<body>
<img src="images/kobe.jpg" alt="科比" width="80%" height="80%" border="3" align="bottom" />
前洛杉矶湖人队篮球运动员
</body>
</html>
标签介绍:
<img />
属性:
src:图片地址
width:宽度
height:高度
border:边框
align:图片与相邻的文本的相对位置(top,middle,bottom)
alt:图片文字说明,将鼠标移到图片上时会显示。