标题标签


…

段落标签

换行标签


文本格式化标签

加粗

语义更强烈 （推荐）

倾斜

语义更强烈（推荐）

下划线

语义更强烈（推荐）

删除线

语义更强烈（推荐）

和标签

两个是没有语义的，它们就是一个盒子，用来装内容的

标签用来布局的，但是一行只能放一个
标签。大盒子
标签用来布局的，一行可以放多个。小盒子

图像标签

HTML标签 - 图1
src是HTML标签 - 图2标签的必须属性，它用于指定图像文件的路径和文件名
其他属性

属性 属性值 说明
src 图片路径 必须属性
alt 文本 替换文本。图像不能显示时的文字
title 文本 提示文本。鼠标放到图像上，显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细

路径

相对路径

以引用文件所在的位置为参考基础，而建立出的目录路径（也叫：图片相对于HTML页面的位置）
同一级路径：图像文件位于HTML文件同一级。 例HTML标签 - 图3
下一级路径：图像文件位于HTML文件下一级。 例HTML标签 - 图4
上一级路径：图像文件位于HTML文件的下一级。例HTML标签 - 图5

绝对路径

指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
例”D:\web\images\img.jpg”或完整的网络地址”https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png“

超链接标签

语法格式

文本或图像
href：用于指定链接目标的URL地址，（必需属性）当为标签应用href属性时，它就具有了超链接的功能
target：用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式

链接分类

  1. 外部链接：例百度
  2. 内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可。例首页
  3. 空连接：如果当时没有确定链接的目标时。首页
  4. 下载链接：如果href里面的地址是一个文件或者压缩包，会下载这个文件。例下载
  5. 网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
  6. 锚点链接：点我们点击链接，可以快速定位到页面中的某个位置
    • 在链接文本的href属性中，设置属性值为#名字的形式，如第二集
    • 找到目标位置标签，里面添加一个id属性=刚才的名字，如

      注释标签

      如果需要在HTML中添加一些便于阅读和理解但又不需要显示在页面中的注释文字
      HTML中注释
      快捷键：Ctrl+/

      特殊字符

      在HTML页面中，一些特殊的符号很难或不方便直接使用，使用特殊字符来替代
特殊字符 描述 字符和代码
空格符 &nbsp
< 小于号 &it
> 大于号 &gt
& 和号 &amp
¥ 人民币 &yen
© 版权 &copy
® 注册商标 &reg
° 摄氏度 &deg
± 正负号 &plusmn
× 乘号 &times
÷ 除号 &divide
² 平方2（上标2） &sup2

表格标签

表格的主要作用

用于显示、展示数据

基本语法

  1. <table>
  2.       <tr>
  3.         <th>表头单元格</th>  
  4.     ...
  5.     </tr>
  6.     <tr>
  7.         <td>单元格内的文字</td>  
  8.     ...
  9.     </tr>
  10.   ...
  11. </table>

标签是用于定义表格的标签
标签是用于定义表格中的行，必须嵌套在
标签中
标签用于定义表格中的单元格，必须嵌套在标签中
标签表示HTML表格的表头部分，表头单元格里面的文本内容加粗居中显示

表格属性

属性名 属性值 描述
align left、center、right 规定表格相对周围元素是对齐方式
border 1或”” 规定表格单元是否拥有边框，默认为””，表示没有边框
cellpadding 像素值 规定单元格边沿与其内容之间的空白，默认1像素
cellspacing 像素值 规定单元格之间的空白，默认2像素
width 像素值或百分比 规定表格的宽度

表格结果标签

  1.   - <thead></thead>：用于定义表格的头部。<thead>内部必须拥有<tr>标签。一般是位于第一行
  2.   - <tbody></tbody>：用于定义表格主体，主要用于放数据本体
  3.   - 以上标签都是放在<table></table>标签中

合并单元格

合并单元格格式

  1.         - 跨行合并：rowspan="合并单元格个数"
  2.         - 跨列合并：colspan="合并但云哥个数"

目标单元格

  1.         - 跨行：最上侧的单元格为目标单元格，写合并代码
  2.         - 开裂：最左侧的单元格为目标单元格，写合并代码

合并步骤

  1.         1. 先确定是跨行还是跨列合并
  2.         1. 找到目标单元格，写上合并方式=合并单元格数量
  3.         1. 删除多余的单元格

列表标签

表单标签

查阅文档