学习web前端开发的博客，第一篇笔记是关于HTML入门的，内容可能不够全面，希望对自己复习或对别人有帮助~

HTML是由谁发明的？

HTML是由物理学家蒂姆·伯纳斯-李于1990年左右发明的，当时他自己写了第一个浏览器和服务器，同时用自己写的浏览器访问了自己写的服务器。他不仅发明了www，同时发明了HTML、HTTP和URL。
具体可参考：HTML

HTML 起手应该写什么?

打开常用的IDE编辑器，这里我使用的是VScode，在编辑器里打开一个文件夹，然后新建index.html文件，输入！后按Tab键，或者编辑器会弹出一个提示框，点击第一个提示后就会后自动生成HTML的起手式。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  11. </body>
  12. </html>

分别解释一下其中的含义：

  1. ！DOCTYPE html                           代表文档类型，表明文件是html文件
  2. <html lang="en">                         代表的是语言是英文，可以把lang改为lang=zh-CN
  3. <meta charset="UTF-8">                   代表的是文件的字符编码，统一使用UTF-8，最好不要更改
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">   代表的是禁用缩放，兼容手机的意思
  5. content="ie=edge"                        表示告诉IE使用最新版的内核
  6. <title>                                  表示文件的标题
  7. <head>                                   写在head里面的东西一般都是看不见的元素,包括css和js的引用、style样式等
  8. <body>                                   通常HTML主要展示的内容都写在body标签内

常用的表章节的标签有哪些，分别是什么意思？

常用的表示章节的标签有9个，分别是

  1. 标题：h1~h6，6级标题，每个标题有各自的大小和样式
  2. 章节：section，表示这是一段章节
  3. 文章：article ，表示这是一段文章
  4. 段落：p ，p标签通常用来包裹文本内容，可以很好的划分段落层次
  5. 头部：header，放在顶部的，相当于页眉，可以用来展示广告链接等内容
  6. 尾部：footer ，放在底部的，相当于页脚，通常可以用来声明版权所有
  7. 主要内容：main，main标签里面的内容是主要内容
  8. 旁支内容：aside ，aside标签里面的内容是旁支内容
  9. 划分：div ，本身是块级元素，可以包裹其他元素，用以划分内容

全局属性有哪些？

全局属性一共有7个，分别是

  1. class ，该属性可以给标签分类，一个标签可以赋予多个class属性值，如
  2. contenteditable ，是一个枚举属性，表示元素是否可被用户编辑。 如果可以，浏览器会修改元素的部件以允许编辑。例如
    ，该属性值为true或者空字符串，表示元素是可以编辑的，false表示元素是不可被编辑的
  3. hidden ，可以快速隐藏标签元素，但是可以被css和js恢复显示
  4. id ，定义了一个全文档唯一的标识符 ，但是如果文档中如果存在多个id，html也不会报错，作为新手一般较少使用id标签
  5. style， 可以给标签元素指定内联样式
  6. tabindex ，指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航。根据键盘序列导航的顺序，值为 0 、非法值、或者没有 tabindex 值的元素应该放置在 tabindex 值为正值的元素后面。tabindex=-1表示tab永远没法访问这个地方。tabindex=0表示tab是最后来访问这个地方

  7. title ，包含了表示咨询信息文本，和它属于的元素相关。这个信息通常存在，但绝不必要，作为提示信息展示给用户。如果在一行文字中没有办法把文字显示完整，可以设置title，让鼠标移动到文字的上方，这样就可以让title里面的字显示出来

    常用的内容标签有哪些，分别是什么意思？

    常见的内容标签有12个，分别是:

  8. ol+li ，表示有序列表

  9. ul+li ，表示无序列表
  10. dl+dt+dd ，包含术语定义以及描述的列表
  11. pre ，表示预定义格式文本，在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来
  12. hr ，用来做分割线
  13. br ，用来换行
  14. a ，用来添加链接
  15. em ，用来强调（注重语气）
  16. strong， 用来强调重要（注重内容本身）
  17. code ，呈现一段计算机代码， 默认情况下, 它以浏览器的默认等宽字体显示
  18. quote ，内联引用
  19. blockquote ，块级引用

以上这些就是这篇学习笔记的主要内容了，包括对HTML常用标签和属性的理解认识，希望对大家有帮助~