一、HTML的发明者

  • HTML是由Tim Berners-Leef在1990年发明的;别名:李爵士
  • www(world wide web)万维网，中文直译：像世界那么大的网
  • www=URL+HTTP+HTML
  • 李爵士做了世界上第一个浏览器、服务器，并且用实现了浏览器对服务器的访问

二、HTML 起手应该写什么

Vscode安装emmet插件，新建一个.html文件，然后按感叹号就能自动把起手工作完成，代码如下图所示：

  1. <!--文档类型/文档声明，告诉浏览器执行HTML语言，不写浏览器将会进入怪异渲染模式-->
  2. <!DOCTYPE html>
  3. <!--表示网页是由哪一种自然语言展示的，"en"表示英文，中文用“zh-CN”，html是根元素-->
  4. <html lang="en">
  5. <!--文档头，其中的内容不会显示在页面中-->
  6. <head>
  7. <!---告诉浏览器网页使用指定的字符编码，“UTF-8表示 Unicode 编码（万国码）的一个版本”-->
  8. <meta charset="UTF-8">
  9. <!--使用IE浏览器运行网页时，使用“edge”内核（最新）-->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <!--告诉浏览器适配移动端，防止页面缩放-->
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13. <!--网页标题-->
  14. <title>Document</title>
  15. </head>
  16. <body>
  17. 网址中显示的内容都在<body>标签中
  18. </body>
  19. </html>

三、常用的章节标签

  • h1-h6 标题
  • section 章节
  • article 文章
  • p 段落
  • header 头部
  • footer 脚部
  • main 主要内容
  • aside 旁支内容
  • div 划分，表示某一段落是一个整体

四、全局属性（所有标签都可以拥有的属性）

  • class：给标签分类，相同class分类下的标签可以统一进行颜色字体等等的操作

    （必须要完全相同才能匹配，若是局部匹配如某个单词相同用.xxx）

  • id：唯一的元素，但你不知道它是不是真的唯一，万一你用过但忘了就糟糕，所以最好别用

  • contenteditable：使标签可以被编辑
  • hidden：让某个元素看不见，在页面上不显示
  • style：样式（优先级：js>html>css）
  • tabindex：tab键顺序访问/后面跟数字(0代表最后访问/-1永远不会被tab键访问)
  • title：鼠标浮上去显示内容

五、内容标签

  • ol+li：有序列表
  • ul+li：无序列表
  • dl+dt+dd：描述列表
    1. dt：描述的对象
    2. dd：描述的内容
  • pre：保留空格、回车、tab
  • code：代码块（字体会等宽）
  • hr：水平分割线
  • br：换行
  • a：超链接
  • em：斜体（语气上的强调）
  • strong：加粗（内容本身的重要性）
  • quote：行内引用
  • blockquote：换行的引用