HTML是什么

超文本标记语言（HyperText Markup Language），所谓标记就是标签

HTML的基本结构

  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>选项卡上的标题</title>
  6.     </head>
  7.     <body>
  8.         <!-- 页面的内容写在body里 -->
  9.     </body>
  10. </html>
  11. <!-- 如果我们利用的是工具，那么我们可以使用 “ ! ” 快速生成HTML结构 -->

HTML标记（标签）分类

  • 双标签
    <标签></标签>，双标签中可以去包含一些内容或其他标签
  • 单标签
    <标签ming>单标签只能是标签本身，不能去包含其他内容

单双标签不需要记忆，vscode会自动生成，使用双标签时一定不要忘记结束标签

标签的语法

<!-- 标签上添加属性 -->
<标签名 属性名="属性值"></标签名>
<标签名 属性名="属性值">
<!-- 标签上有多个属性 -->
<标签名 属性名="属性值" 属性名2="属性值2">
<!-- 标签内部添加内容 -->
<标签名>内容</标签名>
<!-- 标签内部嵌套标签 -->
<标签名>
    <标签名></标签名>
</标签名>