HTML入门笔记1

HTML是由Tim Berners-Lee(李爵士)在1990年发明的一种标记语言,英文全称为**Hypertext Marked Language**。

在了解HTML之后，我们在vscode中创建index.html文件，输入英文!并按下tab键，页面会自动生成HTML的基本框架格式，也就是HTML的起手式。

<!DOCTYPE html>
<html lang="zh-CN">
<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>这是HTML的起手式格式</title>
</head>
<body>
</body>
</html>

起手式的中第一行的意思是声明文档类型，告诉浏览器这文档是HTML的格式的。
起手式的中第二行和最后一行，这是个HTML标签，是个根标签，lang是language的缩写，zh-CN意为中文。
起手式的第三行和第八行是head标签。
起手式的第四行说明了文档的字符编码。
起手式的第五行是告诉IE浏览器在展示时需要使用最高版本展示。
起手式的第六行是视窗。
起手式的第七行是网页的标题。
起手式的第八行第九行是body标签，里面写网页的主体内容。

HTML经过了三十多年的发展，已经用很多的标签了。
以下列举常用的表章节标签。

h1~h6 常用用于网页的标题，文字大小的展示由数字大小决定，1为最大，6为最小。
section标签直译为段落标签
article标签直译为文章标签
p标签是段落标签 paragraph的缩写
header 是头部标签写于开头，表明层次
footer标签是脚步标签(底部标签)，常用与底部，表明层次
main标签是主要内容标签
aside标签是旁支内容标签
div标签是块状标签主要用于划分

在介绍了表章节标签后，我们可以初步的写出一个基础的HTML网页。接来下介绍下全局属性。

class 属性
contenteditable 标签内容可修改。有true和false。可被继承
hidden 标签内容不展示
id 谨慎使用
style 标签样式写在标签上时是行内式
tabindex 标签有tabindex后，使用tab键可以选中，-1是不可选中，0时最后选中，1-32767是从小到大依次选中。
title 鼠标置于内容上可展示所写信息

接下来介绍下内容标签

ol+li 有序列表
ul+li 无序列表
di+dt+dd (description list)描述列表 dt为描述对象 dd为描述内容
pre HTML展示多个连续空格tab回车时，只展示一个空格，这个标签能让HTML省略的格式全部展示常和code配合
hr 分割线
br 换行
a 链接标签锚点
em 语气上表示强调
strong 表示这个内容重要
code 用于代码展示
q quote 表示引用
blockquote 换行引用

以上