HTML基础

Posted 2022-04-03 ljybg

HTML(Hyper Text Markup Langyage 超文本标记语言) w3c：万维网联盟 world wide web comsortium 成立于1994年，web技术领域最具权威和具影响力的中立性技术标准机构 w3c 包括：结构化标准语言(HTML ，XML) 表现标准语言（CSS） 行为标准（DOM, ECMAScript） HTML基础 HTML 标题（Heading）是通过

-

标签来定义的。

这是一个标题

这是一个标题

这是一个标题

HTML 段落是通过标签

来定义的。

这是一个段落。

这是另外一个段落。

HTML 链接是通过标签 来定义的 这是一个链接 **提示:**在 href 属性中指定链接的地址。 HTML 图像是通过标签 来定义的. **注意：** 图像的名称和尺寸是以属性的形式提供的。 **HTML 中 href、src 区别** href 是 Hypertext Reference 的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如： 浏览器会识别该文档为 css 文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用 link，而不采用 @import 加载 css 的原因。 src 是 source 的缩写，src 的内容是页面必不可少的一部分，是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。例如: <script src="script.js"></script> 当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。 简而言之，src 用于替换当前元素；href 用于在当前文档和引用资源之间建立联系。 记录一下 html 相对路径的写法： - **./**：代表文件所在的目录（可以省略不写）如果写成image/background就相当于是在html文件下找image文件夹，当然是找不到的 - **../**：代表文件所在的父级目录 - **../../**：代表文件所在的父级目录的父级目录 - **/**：代表文件所在的根目录 ## HTML标签 | 标签 | 描述 | | -------- | -------------- | | | 定义HTML文档 | | | 定义文档的主体 | |

| 定义HTML标题 | |

---

| 定义水平线 | | | 定义注释 | ## HTML段落 | 标签 | 描述 | | ------- | ---------------- | |

| 定义一个段落 | |
| 插入单个折行换行 |
元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。 ## HTML文本格式化 HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如：**粗体** or *斜体* **通常标签 替换加粗标签 来使用, 替换 标签使用。** 标签定义小型文本（和旁注）

Copyright 1999-2050 by Refsnes Data.

标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H2O。

这个文本包含 _下标文本。

标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注，比如 WWW[1]。

这个文本包含 ^上标 文本。

标签定义已经被插入文档中的文本。 和 一起使用，描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。

My favorite color is blue red!

被包围在

 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

**提示:** 
 标签的一个常见应用就是用来表示计算机的源代码
此例演示如何使用 pre 标签对空行和 空格进行控制
所有标签缩写的全称：

---bold

---emphasize

---italic

---subscript

---superscript

---insert

---delete

---keyboard

---Bi-Directional Override


---quote

---define
## HTML样式

### 内联样式

CSS 可以通过以下方式添加到HTML中:

- 内联样式- 在HTML元素中使用"style" **属性**
- 内部样式表 -在HTML文档头部  区域使用

外部样式：

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

实例：