HTML基础之语义化标签-HTML基本语法-编程文章分享

代表网页的主体内容区域，也叫可视化区域。

body内部的标签根据功能分为两类：语义化标签和结构类标签。

2. 语义化标签和结构类标签概念

语义化标签：有特定含义的标签称为语义化标签。它在页面的加载速度比较快。

结构类标签：本身没有任何含义，为将来写页面样式的。

3. 语义化标签举例

标题标签，标题标签为双标签。从h1——h6文字逐渐变小，自带加粗样式。h1在同一个页面只能出现一次。演示效果如下：

微信截图_20240314100840.png

段落标签，用来包裹一段文本。演示效果如下：

微信截图_20240314100921.png

图片标签，img[src,title,alt]

src: 图片路径属性，分为相对路径和绝对路径两种方式

相对路径：

同一级：./（可以省略）

下一级：/

上一级：../

绝对路径

本地绝对路径：<img src="E:\file\01.png">从电脑硬盘出发

网络绝对路径：<img src="file">

alt：当图片加载失败时页面出现的替换信息。

title：鼠标指向图片时出现的提示信息。

HTML基础之语义化标签