简介

超文本标记语言(英语: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> <!--网页头结束-->
  12. <body> <!--网页体开始 页面主体内容就是这里-->
  13. <!--页面正文标签开始-->
  14. <div>
  15. 页面正文内容
  16. </div>
  17. <!--页面正文标签结束-->
  18. </body> <!--网页体结束-->
  19. </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/