描述HTML中的元素、标签和属性是什么

1. 使用元素来描述页面

HTML 由多种不同的元素组成，每个元素都有一个起始 + 结束标签 + 其中的内容构成。

标签就像容器，告诉你起始和结束标签之间的内容的结构信息。

1
2
3
4
5
6
7

<html>
    <body>
        <h1>Hello</h1>
        <p>Hi! ans20xx</p>
        <p>Have a nice day</p>
    </body>
</html>

  1. <html> </html> 标签中的所有内容都是 HTML 代码。
  2. <body> </body> 标签中的所有内容都会显示在浏览器主窗口上。
  3. <h1> </h1> 中的内容是主标题。
  4. <p> </p> 中的内容代表段落。

2. 标签含义

  1. <p> 是开始标签，开始标签由“左尖括号 + 字符 + 右尖括号”构成，其中字符说明标签的用途。
  2. </p> 是结束标签，结束标签由“左尖括号 + 斜杠 + 字符 + 右尖括号”构成。

3. 属性

元素的属性提供了关于元素内容的附加信息。

属性通常出现在元素的起始标签中，并由两部分组成：属性名和属性值，中间由等号隔开。

1

<p lang="en-us">English</p>
  1. lang 是属性名，属性名表示在提供元素内容的哪种附加信息，属性名由小写字母构成，lang 属性名说明元素中使用的语言。
  2. en-us 是属性值，属性值是属性的信息或设置，放在双引号中，不同的属性通常由不同的属性值。
  3. lang=“en-us” 表示元素中使用的语言是英式英语。
  4. 只有少量的属性可以在所有元素中使用（例如 lang），大部分属性只能在特定的元素中使用。
  5. 大部分特性值是预定义的，或者需要遵循一定的格式。
  6. lang 采用简写语言名称的方式来指定元素内容采用的语言。

4. body、head 和 title

1
2
3
4
5
6
7
8

<html>
    <head>
        <title>这是标题</title>
    </head>
    <body>

    </body>
</html>

  1. <body> 元素中的所有内容都会显示在浏览器的主窗口中。
  2. <head> 元素通常在 <body> 元素的前面，包含了关于这个页面的一些描述信息。
  3. <title> 元素通常嵌套在 <head> 元素中，通常显示在页面的选项卡上，描述页面的标题。

5. HTML 的含义

HTML 的全称是 HyperText Markup Language (超文本标记语言)。

超文本（HyperText）指可以通过建立链接，让访问者从一个页面跳转到另外一个页面。

标记语言允许对文本添加标记，这些标记为文档的内容提供了更多的信息。

我们添加的标签就是标记。

6. 总结

  1. HTML 页面是文本文档。
  2. HTML 使用标签（尖括号以及其中的字符）为包含在其中的内容提供结构信息。
  3. 标签通常成对出现，起始标签表示一段内容的开始；结束标签表示它的结束。
  4. 起始标签可以附加属性，属性可以提供更多关于元素内容的信息。
  5. 属性由属性名和属性值构成。
  6. 学习 HTML 就是学习哪些标签可以用。