![5e212b645ae417dc962bc32e94cf7255.png](https://i-blog.csdnimg.cn/blog_migrate/0b13f6df3f690fb937bf96e85fbc5718.jpeg)
一、HTML 是谁发明的
HTML是Tim Berners-Lee“李爵士”发明的。他发明了万维网(WWW)包括HTML、HTTP、URL,万维网是基于互联网创建的。WWWC是万维网委员会。
![131d0eb3860c18e942b0464cbbdeebe0.png](https://i-blog.csdnimg.cn/blog_migrate/ebc92e201a6adc0e289b200b15672be7.png)
二、HTML 起手应该写什么
Emmet 感叹号。
![e7fd3518d2b48bce5235330858b25bbd.png](https://i-blog.csdnimg.cn/blog_migrate/88238b1db2844eb06cbc410536ba56a6.png)
三、常用的表章节的标签的介绍
body里面有很多种标签,章节标签是其中的一个,表现文章和书的层级、内容框架。
- 标题h1~h6:h1是一级标题,h2二级标题······
- 章节section:新开一个,你又可以写二级标题了
- 文章article
- 段落p:标题之后可以写一段话了
- 顶部header:如打广告
- 脚部footer:可以写©;为版权标志
- 主要内容main
- 旁支内容aside:如参考资料
- 划分div:像一个无形框框
四、全局属性的介绍
任何标签都可以有,可以在上文提到的标签里增加标签。
- class:给标签分类,相当于给一个名字方便后面编辑
- contenteditable:可编辑,给浏览的人可编辑
- hidden:隐藏,我看得到当你看不到
- id:用来表示全局唯一的标签,全局唯一性没有保障,就算有两个重复的 id,HTML 也不会提示我写错了,因此建议用class
- style:编辑背景颜色,框架粗细等等
- tabindex:可给用电脑Tab键选中的范围排顺序,tabindex 1/2/3,0表示最后,-1表示不选中
- title:标题
五、常用的内容标签
- ol+li(ordered list+list item):有顺序列表
- ul+li(unordered list+list item):无顺序列表
- dl+dt+dd(description list+term+data):描述列表
- pre(preview):保留空格、回车、tab等,因为多个连续的空格自动变为一个空格
- hr:分割线
- br(break):换行
- a(anchor):超链接
- em(emphasis):斜体,表示语气上的强调
- strong:加粗:表示内容本身的重要性
- code:代码
- q(quote):引用