正在学习中
概述
html是一种标记语言，使用标记标签来描述网页
html标签成对出现，由尖括号包围
html文档描述网页，包含html标签和纯文本
本人使用notepad ++编写html，以下资料未经说明均总结至W3School
一般来说，本文不会将即将淘汰的语法加以介绍
最基本标签
<html>标签
<html>标签定义了一个html文档
示例：
1 | <html> |
<body>标签
<body>标签定义了网页的主体
示例：
1 | <body> |
<head>标签
<head>标签定义了网页的标题（就是标签栏里的那个）
示例：
1 | <head> |
基本标签
标题<h1>
标题有六种字号：h1~h6。
h1到h6大小递减，代码示例：
1 | <h1> |
这是最大字号的标题。效果跟markdown的#一样
Warning:
请不要用h1~h6调整字的大小，h1~h6还反映了重要、主次程度。
搜索引擎使用标题为您的网页的结构和内容编制索引——W3School
段落<p>
html段落由 p 定义
示例：
1 | <p> 我最蔡了 |
实现如下：
我最蔡了 这里有回车和一串空格 还有唱跳rap
注意到了吗， 回车和连续的空格被吃了。
折行<br />
html中的折行由 <br /> 定义
示例：
1 | <p> |
实现如下：
这后面有折行哒哟
到下一行了
Warning:
为了长期的维护以及在未来的兼容，请使用闭合标签<br />而非<br>
Tips:
每个标题和段落后都会折行
空格（可能有更好代替方案，还有这应该并不属于标签）
以下内容来自WikiHow
<p>中的空格可以有以下表示：
- 使用空格占位符
或  - 使用
 （两个空格宽度）或 （四个空格宽度） - 使用
CSS（超出目前能力范围了，以后学了CSS再来，咕咕咕预告）
1 | <p> |
效果如下：
rua!!!
这是一个宽度空格
这是两个宽度空格
这是四个宽度空格
这是模拟的制表符
水平线<hr />
由<hr />定义
1 | <p> |
效果如下：
下面有水平线
水平线可以分隔小节
超链接<a>
由<a>定义
1 | <a href="pointedpoints.github.io">这是我的博客</a> |
效果如下：
href属性指定链接地址。
图片<img>
由<img>定义
1 | <img src="\images\html学习\waifu-labs.png" width="100" height="100" /> |
实现：
不要问这张图是啥
注释<!-- -->
注释并不会显示在正文中，它主要是为了利于维护，F12了解一下？
由<!--注释内容-->定义
例如：
1 | <p style="color:red"> |
效果如下：
这是正文
文本格式化标签
加粗<b>
将文字以粗体显示。
例如：
1 | <p> |
效果如下：
这里是粗体字
加粗强调<strong>
看起来跟<b>一样？之后会解释不同。
例如：
1 | <p> |
效果：
这里是强调部分
斜体<i>
将文字以斜体显示。
例如：
1 | <p> |
效果：
这里是斜体
斜体强调<em>
<em>标签与<i>的关系有点像两种加粗之间的关系
例如：
1 | <p> |
效果：
这里是斜体
<b>与<strong>以及<i>与<em>的不同
<b>和<i>只是一种显示效果，对浏览器来说并没有语义
但<strong>和<em>是有强调的语义，其会告诉浏览器：这部分很重要。会影响SEO。
好像<strong>强调大于<em>？
删除线<del>
<del>在字中间加入删除线
例如：
1 | <p> |
效果：
这里的文字被删除了
下划线<ins>
<ins>在字下面加上下划线
例如：
1 | <p> |
效果：
这下面有下划线
预格式文本<pre>
<pre>文本相当适合显示很多空格回车的内容，例如代码
例如：
1 | <pre> |
效果：
这里 是 预
格式 文本
但是预格式文本也有缺点，它不会随浏览器大小而换行
1 | <pre> |
效果：
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
对比一下：
1 | <p> |
效果：
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
还有一些懒得写啦
基础属性
属性写在标签内部，可以看作是对标签的补充，一般是以名称/值对的形式出现，即名称=值对形式
属性对大小写不敏感，但为了长远考虑，请用小写
链接href
还记得上面的链接<a>吗，内部有href就是链接的属性
例如：
1 | <a href="pointedpoints.github.io">这是我的博客</a> |
href的值对即是目标链接
样式style
style可以丰富内容样式，例如背景，格式，字体等等
例如：
1 | <p style="background-color: red"> |
这里背景为红色
这里字体为红色
这里字体大小为25px
这里字符居中
引用
短引用<q>
<q>用于短的不换行引用，一般显示是在外侧加上引号
例如：
1 | <p> |
效果：
清华校训是自强不息，厚德载物
这一标签的作用应该也是利于浏览器识别