HTML常用标签

标题标签

• 标题,是通过<h1>-<h6>六个标签分别来对六个级别的标题进行定义的,给标签内部的元素内容添加对应级别标题的语义
• <h1>定义最大的标题，<h6>定义最小的标题
• <h1>-<h6>标签都是双标签，且是容器级标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

• 标题标签之间是不能相互嵌套的
  标题标签对于呈现文档结构非常重要，使用时要根据标签的重要程度进行选择，其中

  标签最重要，

  标签次之，以次类推

在整个HTML中权重非常高，内部应该放重要的内容，比如LOGO

由于非常重要，内部的文字对于提高搜索引擎排名也非常重要，如果一个页面出现多个

，反而降低权重。约定，一个页面只会出现一个

段落标签
段落是通过

标签进行定义的
标签是双标签，且为文本级标签。内部只能放置文本、图片、表单元素，或者废弃的标签等
作用：

标签的作用是给标签内部的内容添加一个完整段落的语义，不负责内容自动换行的样式

这是段落标签

换行标签

标签是HTML中的一个简单的换行符

标签是一个单标签
在需要换行的位置可以使用
标签书写，只是进行简单的强制换行

这是第一
个段落

文本格式化
HTML中有部分标签是用来对文字进行格式化显示设置的，比如粗体和斜体等
定义粗体文本
定义斜体
定义下划线

图像标签
图像由标签进行定义
标签是单标签，本身相当于一个特殊的文本
标签的作用是在指定的位置插入一张图片
在HTML文件，常用的插入图片的类型有jpg,png,gif

标签最为重要的属性为src，尽量使用alt属性对图片进行说明，添加相对关键词可以有利于SEO搜索引擎优化，其他属性可以根据需求进行设置

音频标签
音频使用

//设置控制器控制音频

视频标签
视频的设置方法和音频类似
视频使用

//设置控制器控制视频频

超级链接标签
在HTML中使用标签来创建链接
可以实现两种跳转：跨页面跳转、页面内跳转

target属性
_self:默认值，表示跳转的页面在当前窗口打开，不会打开新窗口
_blank: 表示跳转的页面在新窗口打开
title属性
title设置的鼠标悬停的提示文本，与标签类似

设置锚点
在目标位置找到任意一个标签，给它添加id属性，id的属性值必须是唯一的
在目标位置设置一个空的，只设置一个name属性，name设置方式和id相同，也必须是唯一的

跨页面锚点跳转

列表
列表用于制作HTML中的一系列项目
通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建
根据项目的内容不同，可以有三种语义的列表结构：无序列表、有序列表、定义列表
无序列表标签
无序列表标签分别是

和
• 内部只能嵌套
  • ,
  • 标签不能脱离
    单独书写
    • 标签是一个经典容器级标签 无序列表之间的
    • 没有先后顺序之分，重要程度相同 有序列表标签 有序列表标签由
      和
      1. 组成 定义列表标签 自定义列表不仅仅是一列项目，而是项目及其注释的组合 由三个标签组成完整结构，包含

         、

         、

         dt和dd标签也是容器级标签，内部可以放置任意内容 布局标签

         标签 最经典的容器级标签，内部可以放置任意内容 划分网页区域，进行结构布局 标签 不改变整体效果，辅助进行局部调整