常用到的代码标签
常用的标签<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>标签的常用</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
</style>
/*这里值得是css引入方式*/
<link rel="stylesheet" href="./30css" />/*这里*/
</head>
<body>
1.<P>表示的是一段话</P>
2.<h1>标题标签<h2>
3.<ul>
<li>第一个无序列表</li>
<li>第二个无序列表</li>
<li>第三个无序列表</li>
</ul>
4.<img src="地址" alt="索引关键词" title="鼠标放来上就显示"/> /* 图片是替换元素,也是内联元素,往往要转化为块*/
css里面设置为:
img{
display:block;
}
这样设置成为快状,就可以设置他的margin了
5.<ol>
<li>第一个有序列表</li>
<li>第二个有序列表</li>
<li>第三个有序列表</li>
</ol>
6.<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr></tr>
<tr></tr>
</table>
7.<a href="index.html" target="_blank" title="鼠标放上来就显示"></a> a是内联元素
<a name="p1"></a> 表示的是给a设置了个名字
a:link{
color:color; 链接原来颜色
}
a:visited{
color:purple; 链接观看颜色
}
a:hover{
color:black; 链接放上来的颜色
}
a:active{
color:purple; 链接点击的颜色,一般不用
}
8.无序列表的加入a链接
<ul id="nav">
<li><a href="#链接地址">导航01</a></li>
<li><a href="#链接地址">导航02</a></li>
</ul>
9.对于a标签是内联元素,不可以设置宽和高
a{
display:block; 设置了这就可以设置宽和高
}
10.无序列表和有序列表都是一个div的层
</body>
</html>
页:
[1]