1常用标签

常用标签

h1 – h6 : 标题标签，文本加粗变大，依次变小，独占一行。在一个页面中，h1只允许出现一次

b / strong : 加粗标签，在一行显示。 b 是视觉效果，string是粗体字。

i / em : 加粗标签，在一行显示。 i 是视觉效果，em是粗体字。

u : 下划线标签。在一行显示。

br ：换行标签。

hr ：水平线。

sub：下标。

sup：上标。

p：段落标签，独占一行。不能嵌套单独占一行的标签，能嵌套只占自己内容大小位置的标签。

span：文本节点标签，在一行显示。

html特殊符号：空格：  版权号：© 小于： <  大于：>等

列表

ul>li：无序列表

默认有小圆点，一般用来做单导航。去掉小圆点：list-style:none;

ol>li：有序列表

默认有阿拉伯数字排序，单独占一行，一般做有序单导航，去掉排序：list-style:none;，序号一般用图片设置。

dl>dt+dd：自定义列表

在一个dl中只用一个dl，可以有多个dd。一般用来做单导航。

超链接(a)

<a href="http://www.baidu.com" title="百度搜索" target="_self">百度</a>

在一行显示，默认文本带有蓝色下划线。

href=“跳转到那里去”

href="#"，页面不会刷新会返回顶部

href=“javascript:;”,页面不会有任何反应

title=“鼠标移入时的文本提示”

target=“跳转方式” _self:默认行为，在原本页面打开，_blank:打开新窗口并可以不断打开，_new:打开新窗口但是第二次打开变成刷新新窗口。

a标签的作用

1.页面外部链接

<a href="http://www.baidu.com" target="_blank">百度</a>

2.本地页面链接

<a href="demo.html" target="_blank">打开demo</a>

3.锚点链接

图片(img)

图片后缀:

.jpg普通图片, .png背景透明图片, .gif动态图片…

img:图片标签,在页面中插入图片

<img src="xxx" width="100" heigh="100" title="图片">

width=“宽度”,heigth=“高度”。只写一个则等比缩放.

title=“鼠标移入时的文本提示”

alt=“图片文本信息” (必须存在可以为空),1.图片加载失败显示，2，供搜索引擎查看

src=“图片路径”

​ 相对路径; …/返回上一级目录 , ./当前目录

​ 绝对路径:1.盘符路径，2.域名地址

表格(table)

table>tr>td

width=“宽度”，width=“高度”

align=“水平对齐方式”(left,center,right)

​ 给table时，则表格位置变动

​ 给tr，td时，则内容位置变动

valign=“垂直对齐方式”(top,middle,bottom)

​ 给tr，td，内容位置变动

border=“边框”;table和td都会有边框

bordercolor=“边框颜色”

bgcolor=“背景颜色”

colspan=“合并行”(只能给td)

rowspan=“合并列”(只能给td)

cellspacing=“边框和边框之间的距离”(只能给table，不能为负)

cellspadding=“边框和内容间的距离”(只能给table，不能为负)