简介

超文本标记语言（英语：Hyper Text Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

html需要和css、js配合才能完成美观的页面。

浏览器可以读取HTML文件，并将其渲染成可视化网页。

  • HTML 负责展现网页的内容
  • CSS 层叠样式表，负责以什么样的样式展现网页的内容，比如字体的大小和颜色，背景图片和内容放在什么位置。
  • JavaScript （简称JS）负责用户和网页内容的交互，就是让网页内容动起来。

简单讲：HTML是一个页面的骨架；css主要是样式美化；js，那可就花里胡哨了，你在网页上看到大部分骚操作基本都是js实现的。

HTML 文档总体结构

  1. <!DOCTYPE html>
  2. <!--
  3.  我是 HTML 语言中的注释,可以单行，
  4.  也可以多行。
  5. -->
  6. <!--设置页面的语言： 英文。中文把 en 换成 zh-CN -->
  7. <html lang="en">   <!--网页开始-->
  8.    <head>          <!--网页头开始-->   
  9.        <title>helloworld</title> <!--页面标题-->
  10.        <meta charset="UTF-8"/> <!--元信息 可以设置字符格式、作者、被搜索的关键词等等等等-->
  11.    </head>         <!--网页头结束-->
  13.    <body>          <!--网页体开始  页面主体内容就是这里-->
  15.        <!--页面正文标签开始-->
  16.        <div>     
  17.         页面正文内容  
  18.        </div>
  19.        <!--页面正文标签结束-->
  21.     </body>        <!--网页体结束-->
  22. </html>           <!--网页结束-->

HTML5

社会在进步，时代在召唤，HTML也是要升级的。
实际上是沿用了之前的 html 语法，只是做的更加简单、更加人性化。

  • 不区分大小写 （规范化建议小写）
  • 支持布尔值
  • 属性的值可以省略引号（规范化考虑，建议使用双引号）
  1. <div class=c1></div>
  2. <!--等同于-->
  3. <div class="c1"></div>

标签和元素的关系

HTML文档由嵌套的HTML元素构成。它们用HTML标签表示，包含于尖括号中，通常需要开始标签和结束标签成对存在，如<div>helloworld</div>

当然也有不通常的情况，部分元素使用单个标签表示，不成对存在。如下

  1. <meta />
  2. <img />

在开始与结束标签之间也可以嵌套另外的标签元素，包括标签与文本的混合。这些嵌套的标签是父与子的关系，同层级则是兄弟关系。

  1. <p>
  2.     我是段落标签
  3.     <a>我嵌套在段落中与段落标签是父子关系</a>
  4. </p>
  5. <p>
  6.     我也是段落标签，我与上面段落同层级，是兄弟关系
  7. </p>

总结：HTML元素用HTML标签来表示，在一定程度上可以认为标签就是元素，反正大家都懂的。

https://www.zhangxinxu.com/wordpress/2011/03/html5%e7%bb%88%e6%9e%81%e5%a4%87%e5%bf%98%e5%a4%a7%e5%85%a8%ef%bc%88%e5%9b%be%e7%89%87%e7%89%88%e6%96%87%e5%ad%97%e7%89%88%ef%bc%89/