Skip to content

HTML

HTML 是指超文本标记语言(HyperText Markup Language)的缩写,是一种用于创建网页的标记语言。它通过使用标签来描述网页的结构和内容,使浏览器能够将其渲染为可视化的网页。

更多信息请参考:MDN HTML 基础

基本结构

一个简单的 HTML 文档通常包含以下几个部分:

  1. 文档声明<!DOCTYPE html> 声明这是一个 HTML5 文档。
  2. <html> 标签:包含整个文档的内容,是所有其他标签的父标签(根元素)。
  3. <head> 标签:包含文档的元数据,如标题、字符编码、外部资源引用等,这些内容通常不会直接显示在页面上。
  4. <body> 标签:包含文档的可见内容,如文本、图像、链接等。

示例

以下是一个简单的 HTML 文档示例:

html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">这是一个链接</a>
</body>
</html>

常用标签

  • 标题<h1><h6><h1> 表示最高级标题。
  • 段落<p>
  • 链接<a href="url">链接文本</a>
  • 图像<img src="image.jpg" alt="描述文本">
  • 列表
    • 无序列表:<ul> 配合 <li>
    • 有序列表:<ol> 配合 <li>
  • 容器<div>(块级元素)和 <span>(行内元素),常用于布局和样式应用。