【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>

顶起顶起顶起

锄禾日当午，发帖真辛苦。谁知坛中餐，帖帖皆辛苦！