常用标签
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,不能为负)