【HTML】HTML语法从不懂到入门
# HTML基础语法教程## 什么是HTML？
>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
HTML是一种较为简单的编程语言，容易上手。
***
## 语法
### HTML标签
HTML标签通常格式为：
`<（代码）>（内容）</（代码）>`
#### 标题
```
<h1>一级标题</h1>
<h2>二级标题</h2>
```
如此类推，几级标题，h后面的数字就是多少。
***
#### 其他语法
|效果 | 语法|
|----| ----|
| 段落| `<p>段落内容</p>` |
| 分割线| `<hr>` |
| 注释| `<!-- 注释 --> `|
| 换行| `<br>` |
| 粗体| `<b>粗体</b>` |
| 斜体| `<i>斜体</i>` |
| 强调| `<em>强调</em>` |
| 上标| `<sup> 上标</sup>` |
| 下标 | `<sub> 下标</sub>` |
| 删除号| `<del>删除号</del>` |
| 链接| `<a href="链接">链接文本</a> `|
| 在新标签页打开网页| `<a href="链接" target="_blank">文字</a>` |
| 插入网络图片（需用图床） | `<img src="图片链接"/>` |
| 插入本地图片| `<img src="路径/图片名字.jpg"/>` |
***
#### 插入图片
##### 插入网络图片
如果要发布属于自己的图片，需要使用到图床
语法：`<img src="图片链接"/>`
###### 推荐两个图床
- [聚合图床](https://www.superbed.cn/)（链接：https://www.superbed.cn/）
- [路过图床](https://imgchr.com/)（链接：https://imgchr.com/）
##### 插入本地图片
语法：`<img src="路径/图片名字.格式"/>`
例子：``
##### 属性
|属性 | 作用|
|----| ----|
|`src`| 表示图片的引用地址|
|`alt`| 表示图片加载失败时显示的内容|
|`title`| 表示鼠标移动到图片上时显示的文字|
|`width`| 表示图片的宽，默认单位是像素（px） |
|`height`| 表示图片的高，默认单位也是像素（px）|
***
#### HTML头部标签
**P.S. #后面的为注释**
```
<!DOCTYPE html># 声明为HTML5
<html># 元素是 HTML 页面的根元素（由于过于复杂，可以忽视）
<head> # 元素包含了文档的元（meta）数据（同上，可以忽视）
<meta charset="utf-8"> # 定义网页编码格式为 utf-8 编码
<title>文档标题</title> # 文件标题
</head>
<body> # 可见的页面内容
文档内容
</body>
</html>
```
***
## 例子
代码如下
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title 标签</title>
</head>
<body>
<h1>标题1</h1>
<p>段落1</p>
<hr>
<b>粗体</b>
<br>
<i>斜体</i>
<br>
<em>强调</em>
<sup>上标</sup>
<sub>下标</sub>
<br>
<del>删除号</del>
<p><a href="https://www.52pojie.cn/">吾爱破解论坛（覆盖当前页面）</a>
<p><a href="https://www.52pojie.cn/"target="_blank">吾爱破解论坛（在新标签页打开网页）</a>
<br><img src="https://upload.cc/i1/2020/08/12/DnROyd.png"/>
</body>
</html>
```
### 运行截图
[](https://imgchr.com/i/av2pxs) 已关注 ，跟你学了！ :Dweeqw其实吧，我觉得html标签没什么好学的，知道有什么标签，能做什么就可以了，入门简单深入难，而且现在基本上现在都是属于万物皆可div，主要是学习css和JavaScript才是难点 主要要做大项目 前端路过 这是学习打卡么 学习了，多谢 以前也用DW写过，也只是入门的HTML，后来JS和HTML5因为时间有限就根本没有继续学了