什么是HTML？

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”。是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

HTML的特点：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
  • HTML 不是一种编程语言，
  • 是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)
  • HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。

HTML骨架格式

```html
<HTML>   
    <head>     
        <title></title>
    </head>
    <body>
    </body>
</HTML>

骨架详解：

  • HTML标签：作用所有HTML中标签的一个根节点。 最大的标签 根标签
  • head标签： 文档的头部文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title
  • title标签： 文档的标题，作用：让页面拥有一个属于自己的标题。
  • body标签：文档的主体，我们的页面内容 基本都是放到body里面的。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

HTML标签分类

标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素

  • 双标签：<标签名> 内容 </标签名>

该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

  • 单标签：<标签名 /> 

单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

HTML标签关系

标签的相互关系就分为两种：

  • 嵌套关系

例如：<head>  <title> </title>  </head>

  • 并列关系：

例如：<head></head><body></body>

HTML标签的语义化

标签语义化，就是指标签的含义。

为什么要有语义化标签

  • 方便代码的阅读和维护
  • 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
  • 使用语义化标签会具有更好地搜索引擎优化

标签属性

属性就是特性 比如 手机的颜色 手机的尺寸

使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>

特点：

  • 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
  • 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
  • 任何标签的属性都有默认值，省略该属性则取默认值。采取 键值对 的格式 key="value" 的格式
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄