HTML (HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。

 

　　HTML 可复杂、可简单，一切取决于开发者。

 

　　它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。

 

　　HTML 之父Tim Berners-Lee，称之为李爵士2004年，英女皇他颁发大英帝国爵级司令勋章2017年，被颁发图灵奖自己写了第一个浏览器自己写了第一个服务器用自己写的浏览器访问了自己写的服务器发明了WWW，同时发明了HTML、HTTP和URL快捷键：感叹号 ! + tabDOCTYPE：文档类型

 

　　浏览器支持很多种文档类型（HTML、XHTML…）。 表示告诉浏览器开始写HTML了。html 标签是根标签

 

　　必须要写（如果没写也会自动加上）可以把 lang 的属性值改为 zh-CNhead 和 body 标签，虽然是 html 的子元素，但一般格式上不缩进head 标签里面存放看不见的元素viewport 视口、视窗章节标签，通常用于表示文章、书的层级（就是内容框架）标题 h1——h6章节 section文章 article段落 p头部 header脚部 footer主要内容 main旁支内容 aside划分 div任何标签都可以有的属性style标签，也有 contenteditable 属性，可以被编辑

 

　　可以将 style 标签放到 body里面，然后添加  ，style 标签中的样式内容就会显示在浏览器中，然后给style标签添加contenteditable 属性，就可以在浏览器总直接修改样式，并实时刷新id 用来表示【全局唯一的标签】id 的全局唯一性没有保障，就算有两个重复的 id，HTML 也不会提示我写错了

 

　　class足够了，不到万不得已不要用 id ，因为 id 重复使用也不会报错，可能误导开发者

 

　　<header id="xxx"></header>

 

　　<div id="xxx"></div>

 

　　#xxx{

 

　　}

 

　　id 中有很多不能使用的词：parent、self、top …   控制台输入   弹出属性列表中所有的词都不能用，因为这些词是 window 已经有的全局属性

 

　　<header id="top"></header>

 

　　<script>

 

　　top.style.border="10px solid red" // 直接调用不能获取到top元素，与window对象中的全局属性重名

 

　　var ele=document.getElementById("top") // 通过这种方式可以获取到 top 元素，但单词略复杂

 

　　</script>js 中写   会覆盖 div元素中的行内样式在浏览页面时，网页中按钮都只通过键盘 tab 控制切换选中。而这里的 tabindex 属性就是控制，切换的顺序

 

　　被选中的会有一圈不明显的蓝色边框

 

　　<a tabindex=1>首页</a>

 

　　<p tabindex=3>一段话</p>

 

　　<footer tabindex=2>?版权所有</footer>

 

　　tabindex 可以是正数，不必是连续的tabindex 可以是 0，表示最后才被 tab 访问tabindex 可以是 -1，表示不可被 tab 访问单行文字溢出，使用省略号

 

　　将鼠标移动到这段文字上时，应该能展示出全部文字内容，包括溢出隐藏的部分ordered list + list itemol ：有序列表ol 不能含有 li 之外的任何元素、字符

 

　　{{<figure src="" >}}unordered list + list itemul ：无序列表

 

　　{{<figure src="" >}}description list + term + datadl ：description list —— 描述列表dt ：description term —— 描述项dd ：猜测是 description data —— 描述信息

 

　　{{<figure src="" >}} preview 的缩写用的较少html 特点：HTML 代码里的多处空格、回车、tab 等内容，默认会被转化为一个空格pre 的作用是，可以保留开发者键入的空白位置（pre 有默认样式，很丑，如下）

 

　　{{<image src="" caption="pre">}}等宽字体用 code 标签包裹的内容，字符是等宽的。但默认内容在同行展示，无法换行使用 pre 可以让 code 的内容换行

 

　　{{<image src="" caption="code & pre+code">}}水平分割线horizontal

 

　　{{<figure src="">}}break 的缩写换行anchor 的缩写超链接

 

　　href target

 

　　国内开发习惯使用 _blank 在新标签打开链接。国外开发通常不写 target，他们觉得会让浏览器网页越开越多（他们习惯：通过鼠标中间点击打开新标签页，默认左键点击同屏跳转）emphasis 的缩写emphasis 意为强调，效果字体斜体字体加粗表示重要quote 的缩写quote 意为引用quote标签：内联，行内，不换行引用块级，换行

 

　　{{<image src="" caption="quote & blockquote">}}