第一章-初识HTML · 高效编程

## 初识HTML ### HTML是什么? * 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 * 本质上是浏览器可识别的规则，按照规则制作网页，浏览器根据规则来渲染网页，对于不同的浏览器，对同一个标签可能会有不同的解释（兼容性问题）。 * 网页文件的扩展名：.html或者.htm ### HTML文档结构 ``` <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>我的第一个网页</title> </head> <body> Hello World </body> </html> <!DOCTYPE HTML>：声明为HTML5文档。 <html></html>：是文档的开始标记和结束标记。是HTML的根元素，在它们之间是文档的头部(head)和主体（body）。 <head></head>：定义了HTML文档的开头部分，它们之间的内容不会在浏览器的文档窗口显示，包含了文档的元（meta）数据，配置信息等，是给浏览器看的，看到的内容都是写在body中的。 <title></title>：定义了网页标题，在浏览器中显示。 <body></body>：它的之间文本是可见的网页主体内容。 ``` <span style="color:red">PS：对于中文网页需要使用meta标签 charset="UTF-8"声明编码，否则会出现乱码的情况。</span> ### HTML标签格式，严格封闭 * HTML标签是由尖括号包围的关键字，如, 等 * HTML标签通常是成对出现的，比如：和，第一个标签是开始，第二个标签是结束。结束标签会有斜线。 * 也有一部分标签是单独呈现的，比如：、、等。 * 标签里面可以有若干属性，也可以不带属性。 ##### 标签的语法 * <标签名属性1="属性值1" 属性2="属性值2" .......>内容部分</标签名> * <标签名属性1="属性值1" 属性2="属性值2" ......./> ### HTML中的注释 ```  #找到一行内容ctrl+/就能注释，注释的内容不会在网页上显示出来 ```