HTML常见标签

w3c 万维网联盟，制定web技术标准

什么是HTML5的文档声明，

标签分类：封闭类型与非封闭类型，非封闭类型也叫空标签

什么是标签的属性

HTML常用标签

块级元素：标题h，段落p，容器div，列表，水平分割线

标题元素的特点：

一级标题字体最大，六级标题字体最小

垂直方向存在间距

默认有字体加粗

独占一行

示例:

效果如下：

段落标签，段落标签是p标签

段落元素的特点：

存在垂直方向间距，是段落间距

结果也是独占一行，也是块级元素

示例：

效果如下：

div容器：

一个div是独占一行的，样式干净，没有垂直间距，没有字体大小和加粗

示例:

效果如下：

列表:

有序列表

无序列表：导航、新闻列表

自定义列表：名词与解释，图文混排

有序列表 ol标签包含li标签

示例：

效果如下：

无序列表 ul标签包含li标签

示例：

效果如下：

自定义列表 dl标签里包含dt标签--名词，dd标签--名词相关解释

示例：

效果如下：

行内标签

行内元素/内联函数：加粗、倾斜、下划线、上标、下标、span、换行、文本框、按钮

特点：逐行排列、不会自动换行

加粗：b/strong

示例：

效果：

倾斜：i/em

示例：

效果：

下划线：u/ins

示例：

效果：

删除线：s/strike/del

示例：

效果：

上标：sup

示例：

效果：

下标：sub

示例：

效果：

span：一般用于一段文字中，几个文字的样式修改

示例：

效果：

文本框：input标签

示例：

效果：

按钮：button

示例：

效果：

转义字符：

示例：

效果：

图片

图片标签：img

常见图片格式：jpg、png、gif

src属性：引图片路径

绝对路径：能完整地描述文件的位置的路径就是绝对路径，可以是从盘符开始的路径也可以是带域名的文件的完整的路径

相对路径：指的是有这个文件所在的路径引起的跟其他的文件的路径关系

./ 代表当前目录

../ 代表返回上一级

alt属性：该属性是因为某些原因没有显示出来，浏览器将显示代替文本

title属性：当鼠标移入图片时显示该文本

示例：

效果：

超链接

href 属性用来引用html文件路径

target 属性用来设置是否在新的页面打开html文件（默认是在当前页）

示例：

效果：

点击的也可以是图片，只要用正确的方法放在a标签里边就可以