<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
HTML 是什么?
- HyperText Markup Language
使用标签来描述页面的内容和结构
HTML 的产生
1989年 Tim Berners-Lee
- 共享文档需要
- 还发明了浏览器 服务器 HTTP
HTML 1.0 1991
TITLE NEXTID A ISINDEX PLAAINTEXT
P H1 H2 H3 H4 H5 H6 ADDRESS
DL DT DD UL LI
HTML 2.0 1994 IETF
<dl>
<dt></dt>
<dd></dd>
</dl>
嵌套规则
引用
<blockquote cite="http://example.com/facts">
<p>The Boat Races 2017 took place on 2 April. Held annually, the Boat Race is a side-by-side rowing race between crews from the </p>
</blockquote>
<p>我最新欢的一本书 <cite>小王子</cite></p>
预格式化文本
<pre>
第一行 空 格
第二行
</pre>
代码
<p><code>const</code> 声明一个只读的常量</p>
<pre>
<code>
const add = (a, b) => a+ b;
const multiply = (a, b) => a * b ;
</code>
</pre>
figure
<figure>
<img src="https://cdn.dribbble.com/users/849366/screenshots/4399080/20180323_blog_quotable-quotes_dribre_1x.png" alt="">
<figcaption>explanatory caption</figcaption>
</figure>
强调
- strong 重要性 严重性和紧急性
- em 从一句话中突出某个词语
- b 将词语从视觉上和其它部分区分 比如一篇论文文摘中关键字
- i 换一种语调去说一句话 ,比如其它语言翻译,对话中的旁白
上标和下标
<p>E = MC<sup>2</sup></p>
<p>CO<sub>2</sub></p>
mark
- 和用户当前行为相关的突出,比如在搜索结果中匹配到的词
- 一部分内容需要在后面引用时
插入和删除
<ins> 插入</ins>
<del> 删除</del>
div 和 span
是在找不到其它更符合语义的标签时使用