HTML基础知识点-1013

**

一、Web标准

1. Web标准的构成有哪些？分别需要什么语言表示？

① 结构：HTML → 页面元素
② 表现：CSS → 页面样式
③ 行为：JavaScript → 页面交互的动态效果

二、HTML标签学习

1.标题标签
📌场景：标题，用来突显文章主题
📌代码：h系列标签
<h1>一级标题</h1>、<h2>二级标题</h2>
<h3>三级标题</h3>、<h4>四级标题</h4>
<h5>五级标题</h5>、<h6>六级标题</h6>
📌语义：1~6级标题，重要程度依次递减
📌特点： 文字都有加粗、字体都有变大，从h1→h6文字逐渐减小、独占一行
2.段落标签
📌场景：在新闻或文章的页面中，用于分段显示
📌代码：<p>我是一段文字</p>
📌语义：段落
📌特点：段落之间存在间隙、独占一行
3.换行标签
📌场景：让文字强行换行显示
📌代码：<br>
📌语义：换行
📌特点：单标签、让文字强制换行
4.水平线标签
📌场景：分割不同主题内容的水平线
📌代码：<hr>
📌语义：主题的分割转换
📌特点：单标签、在页面中显示一条水平线
5.文本格式化标签
📌场景：需要让文字加粗、下划线、倾斜、删除线 等效果
📌代码：`

标签	说明
b	加粗
u	下划线
i	倾斜
s	删除线

标签	说明
strong	加粗
ins	下划线
em	倾斜
del	删除线

📌语义：主题的分割转换

6.图片标签
①图片标签的 src 属性
📌属性名：src
📌属性值：图片目标的路径
📌注意点：
当前网页和目标图片在同一个文件夹中，路径直接写目标图片的名字即可（包括后缀名）

②图片标签的 alt 属性
📌属性名：alt
📌属性值：替换文本
· 当图片加载失败时，才会显示alt的文本
· 当图片加载成功时，不会显示alt的文本
③图片标签的 title 属性
📌属性名：title
📌属性值：提示文本
· 当鼠标悬停时，才会显示的文本
📌注意点：title 属性不仅仅可以用于图片标签，还可以用于其他标签