HTML笔记1：HTML文件格式学习_怎么用html格式写笔记-CSDN博客

本文链接：https://blog.csdn.net/luoyao_/article/details/129344943

文章介绍了如何使用Emmet插件自动生成HTML代码，讲解了HTML的基本元素、属性，包括局部和全局属性，以及空元素的写法。此外，还阐述了元素嵌套规则、标准的文档结构，如文档声明、根元素html、文档头meta信息、网页标题和文档体body的作用。特别强调了HTML5的lang属性和移动端适配的meta标签。

摘要由CSDN通过智能技术生成

第一个HTML页面

emmet插件：自动生成HTML代码片段

开头代码生成：
1）!+tab
2）html:5+tab

注释

格式：
不参加代码运行
添加方式：ctrl+/

元素嵌套

1、元素不能相互嵌套：

 <div> <p> </div> </p>

2、父元素、子元素、祖先元素、后代元素、兄弟元素（拥有同一个父元素的两个元素）

标准的文档结构

1、文档声明，告诉浏览器当前文档使用的HTML标准是HTML5。
不写文档声明，会使浏览器进入怪异渲染模式。

  <!DOCTYPE html>

根元素html：一个页面最多只能有一个，并且该元素是所有其他元素的父元素或祖先元素。

1）html元素：HTML5版本中没有强制要求书写该元素
2）lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
普通话：cmn-hans
英语：en

  <html lang="en">
  </html>

1、文档头head

文档头内部的内容，不会显示到页面上。

  <head>

  </head>

1.1文档的元数据meta：附加信息

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">//使用内核
    <meta name="viewport" content="width=device-width, initial-scale=1。0">//手机端