什么是HTML?

191 阅读2分钟

什么是HTML

HTML代表“超文本标记语言”(HyperText Markup Language)。它是一种用于创建和结构化网页内容的标准标记语言。通过使用HTML,开发者可以定义网页中的文本、图像、链接、表格等元素的结构和格式。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

  1. <!DOCTYPE html> 这一行位于HTML文档的最顶部,是档类型声明,标识当前文档为HTML5文档

  2. <html lang="en"> 是HTML文档的开始标签,表示该文档的语言为英语。使用 lang 属性可以帮助搜索引擎和辅助技术(如屏幕阅读器)更好地理解网页内容的语言,从而增强可访问性和搜索优化。在这一行之后,通常会包含网页的头部信息(在 <head> 标签内)和主体内容(在 <body> 标签内)。对应的结束标签是 </html>,标志着HTML文档的结束。

  3. <head> 标签用于定义HTML文档的头部部分。头部主要包含文档的元数据(metadata),包括:

      1. 标题() : 网页的标题,显示在浏览器的标签页上。
      1. 字符集() : 指定网页使用的字符编码,如UTF-8。
      1. 视口设置() : 使页面在不同设备上更好地适应屏幕。
      1. 样式链接() : 连接外部CSS样式表。
      1. 脚本( : 引用外部JavaScript文件。

    </head> 是 <head> 部分的结束标签,表示头部内容定义的结束。头部信息在页面呈现时通常不会直接显示,但影响页面的表现和搜索引擎优化。

  4. <body> 标签用于定义HTML文档的主体部分,所有显示在网页上的内容都应放在 <body> 标签内。主体部分可以包含各种元素,例如:

    1. 文本内容: 通过 <h1> 到 <h6> 的标题标签、段落标签 <p> 等来定义文本。
    1. 图像: 使用 <img> 标签插入图像。
    1. 链接: 通过 <a> 标签创建超链接。
    1. 列表: 可以使用有序列表 <ol> 和无序列表 <ul> 来展示项目。
    1. 表格: 使用 <table> 标签来创建数据表格。
    1. 表单: 通过 <form> 标签来收集用户输入。

第一次写文章非常的菜勿喷下次一定改