HTML于1990年左右由英国的Tim Berners-Lee（李爵士）发明。在发明HTML的同时，李爵士还发明了HTTP和URL技术，也因此他构建了www（万维网）的雏形。李爵士本人也被誉为HTML之父，是我们前端开发工程师的祖师爷。

HTML起手式

一般我们使用VS Code或者webstorm等开发工具，新建一个HTML文件会直接生成一些HTML标签代码，这些其实就是一个HTML页面的必要组成元素。以VS Code为例，输入感叹号后按Tab键会自动生成以下代码，即HTML起手代码。我们一般会把html标签的lang属性值改为zh-CN，便于让浏览器识别当前页面为中文页面。

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

常用章节标签

标题 h1~h6
章节section
文章 article
段落 p
页眉 header
页脚 footer
主要内容 main
旁支内容 aside
划分 div

全局属性

全局属性即所有标签都具有的属性

class 指定元素的类名
contenteditable 允许用户编辑
hidden 标签是否隐藏
id 元素的唯一标识
style 样式
tabindex 规定元素的 tab 键控制次序
title 规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）

常用内容标签

标签名	英文全称	含义
ol+li	ordered list+list item	有序列表
ul+li	unordered list + list item	无序列表
dl+dt+dd	description list + term + data	描述列表
pre	preview	定义预格式化的文本（可以去除源码中多个空格和换行的影响）
hr		水平线
br	break	换行
a	anchor	超链接
em	emphasis	语气强调
strong		内容强调
code		显示内容等宽，一般外部套一个pre标签
q	quote	短引用（行内/内联引用）
blockquote		长引用（块级引用）

其他知识点_

__显示效果还是选中，只要有checked属性就会显示为勾选；
是HTML最新写法，是xml写法;
不到万不得已不要用id属性，因为id 的全局唯一性没有保障，就算有两个重复的 id，HTML 也不会提示写错了;
不要在js里面用id值.style.border=...设置id选择器对应元素的样式，因为id值可能是系统保留关键字;
js设置样式的优先级最高;
超长文字显示设置为单行显示超出宽度时溢出部分显示省略号效果的css代码：

{
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
}

jsbin里面：ctrl+shift+l格式化代码;
webstorm或者JSbin里面输入dl+，再按tab键可以直接生成以下代码：

<dl>
  <dt></dt>
  <dd></dd>
</dl>

webstorm或者JSbin里面输入table+，再按tab键可以直接生成一个一行一列的表格;
去除表格空隙css代码：

{
	border-collapse: collapse;
  border-spacing: 0;
}

清除HTML默认样式，reset.css代码：

*{margin: 0;padding: 0;box-sizing: border-box;}
*::after,*::before{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{color: inherit;text-decoration: none;}
ul,ol{list-style: none;}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}

a标签的target属性对于国内的网站，习惯设置为_blank即在新的页面打开，但国外网站一般不设。

HTML入门笔记1

HTML起手式

常用章节标签

全局属性

常用内容标签

其他知识点_