【HR】Html5常用标签含义及用法(基础)
1.html head body
最基础的三个标签
html包括head与body
2.h1-h6标签
用来表示标题
h1最大 h6最小
独占一行
3.p标签
用来表示段落
4.br标签
换行,单标签。
用法<br />
5.strong/em/del/ins标签
strong或者b 加粗
em或者i 倾斜
del或s 删除线
ins或u 下划线
更推荐用前者,语义更强烈
6.div标签
盒子
独占一行
7.span标签
盒子
一行可多个
8.img标签
用来插入图像
用法<img src="图像url" />
单标签,src为必须属性
其他属性:
alt:文本,替换文本,图像无法显示时的文本
title:文本,提示文本,鼠标移到图片上显示的文本
width:设置图像宽度
height:高度(同时设置宽高会任意拉缩图像,只设置其中一个可等比例缩放)
border:设置图像边框粗细
路径
相对路径
同一级:无
下一级:/
上一级:../
绝对路径:盘符或者网络地址
9.a标签
超链接标签:从一个标签跳到另一个标签
<a href="跳转目标" target="目标窗口弹出方式">文本或图像</a>
href为必须属性
target:
_self为默认值
__blank为新窗口打开
链接分类:
外部链接:外部网址
内部链接:文件名
空链接:#
下载链接:文件
锚点链接:快速定位到页面中某个位置
锚点链接:
在连接文本href中,使用“#名字”的形式
在目标标签中添加一个id属性=名字
<a href="#two">快速定位two</a>
<h1 id="two">标题为two</h1>
http://cdn.u1.huluxia.com/g4/M02/FE/34/rBAAdmJ_qCaATl9tAAA2GPhE2YQ195.jpg
顶起顶起顶起 锄禾日当午,发帖真辛苦。谁知坛中餐,帖帖皆辛苦!
页:
[1]