HTML入门笔记1文档类型，相当于告诉编辑器此代码为html。 html标签，lang=language，一般改为zh-

HTML的发明者是李爵士

HTML的起手式

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

解释

```
 <!DOCTYPE html>
```
文档类型，相当于告诉编辑器此代码为html。
```
<html lang="en">
```
html标签，lang=language，一般改为zh-CN或zh-hans。
```
<meta charset="UTF-8" />
```
文件的字符编码是"UTF-8"，支持全人类的语言。
```
<meta name="viewport" content="width=device-width, initial-scale=1.0" /
```
viewport是视窗的意思 content="width=device-width,表示页面禁用缩放。
```
<title>Document</title>
```
title，网页标题
head头，body身体。head里面一般写的都是看不见的元素。body里面写的是看的见的。

起手式一般只需要改两个地方，lang与title。

章节标签

表示内容层级、结构的标签。

h1~h6，h1表示一级标题……以此类推
section，章节
article，文章
p，段落
header，头部，即顶部的意思
footer，脚部
main，主要内容
aside，旁支内容，这个与上述主要内容main相对。
div，划分，仅仅是让结构层次更加清晰，较p方便。

全局属性

所有标签都有的属性

class，类

<div class="middle">

contenteditable，content+editable，内容可编辑的,使内容在网页内可直接被编辑

<style contenteditable>xxx</style>

hidden，隐藏，可以让所有元素隐藏起来
id，不到万不得已不要用id，id不报错。
style，样式
tabindex，页面上所有可交互的东西，都可以用tab访问。取值中，特殊的是0和-1，前者最后一个访问，后者表示不允许访问。
title，用来显示完整的内容

内容标签

ol+li,ordered list（有顺序的列表） + listitem（列表中的一项）。是数字。

<ol>
    <li>xxx</li>
    <li>xxx</li>
</ol>

ul+li,unodered list,没有顺序的列表。是圆点。
dl+dt+dd,description list(描述列表)+description term(描述对象)+description decipher(描述语句)

<dl>
    <dt>juice</dt>
    <dd>很好喝</dd>
</dl>

pre，保留文字在纯文字编辑器里的格式，原样显示，通俗的说，有空格、换行之类的都可以保留。
code，写代码的时候会用到。代码高亮。
hr,分割线

<hr>

br，换行，break(中断，打断)

<br>

a，用来超链接
em，emphasize强调，语气上
strong，重要，内容本身很重要
quote，引用，行内引用(quote)
blockquote,换行的引用