这篇博客介绍了HTML的基础知识，包括HTML的发明者Tim Berners-Lee，HTML起始标签的写法，常用章节标签如h1~h6、section、article等的含义，以及全局属性class、contenteditable等。此外，还讲解了内容标签如ol+li、ul+li、dl+dt+dd等的使用。
《HTML入门笔记1》
近期学习了有关HTML的一些基础知识，并做了一些笔记，以下就是笔记的主体内容，内容包含五个部分，分别为：
- HTML是谁发明的？
- HTML的起手式应该写什么？
- 常用的表章节标签有哪些，分别是什么意思？
- 全局属性有哪些？
- 常用的内容标签有哪些，分别是什么意思？
本文是自己观看饥人谷方应杭老师的《前端体系课》中的所学知识内容，由于本人是初学者，其中的内容可能表达或描述不够准确与全面，望各位能够多多谅解，另外，若有错误的内容，也恳请各位大佬们批评指正，感谢各位。
HTML是谁发明的？
HTML的发明者是来自英国的Tim Berners-Lee，此人被称为HTML之父，由于2004年英国女皇给他颁发不列颠帝国勋章的爵级司令勋章，之后的叙述中将用李爵士来代替。
那么李爵士干了什么事呢？
在上世纪80年代，李爵士在物理实验室工作时，闻到走廊旁紫丁香花丛的香气，于是就有了一个灵感：人脑可以透过互相联贯的神经传递信息，为什么不可以经由电脑文件互相连接形成"超文本"呢？
于是在1989年，李爵士就成功开发出了世界上第一个Web服务器和Web客户机，同年12月，李爵士为他的发明定名为World Wide Web，即我们熟悉的WWW。
而WWW就是URL、HTTP、HTML的集合，使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即我们所见到的网页。
HTML的起手式应该写什么？
认真的说，需要写这些
<!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>
是不是很多东西，但是只要你有安装emmet插件，就只需要在编译器中输入一个！，然后加一下tab就可以自动帮你输入这一段HTML起手式。（非常好用！）
HTML常用的表章节的标签有哪些，分别是什么意思？
常用的表章节标签有：
- h1~h6
- section
- article
- main
- aside
他们的含义及用法是：
h1~h6
h1~h6标签为标题标签，展现了6个不同级别的标题，不同标题的字体大小不同，h1的字体最大，h6级别的字体最小。下面放图来感受一下
图中少了一个<body>,忘记写了。。。
section
section表示一个通用独立章节，一般来说会在section中包含一个标题，即h1~h6一般为section的子元素。
<body>
<section>
<h1>我是老八</h1>
<p>嗨害嗨</p>
</section>
</body>
article
意思为文章，是HTML中的一个独立结构，其意在可成为独立分配或者可复用的结构，一般来说一个article结构中会有若干个section结构。
最低0.47元/天 解锁文章
扫一扫
196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
