跳到主要内容

🍄 HTML基础知识

HTML（HyperText Markup Language）是创建和设计网页的标准标记语言。作为万维网的核心技术之一，HTML用于结构化信息 — 如文本、图像、链接等 — 并使其在网页浏览器中可视化。它由一系列元素组成，这些元素通过标签（如 <p>、<div>、<img>）来定义，标签对告诉浏览器如何显示内容。HTML文档包括头部（<head>），其中包含元数据，和主体（<body>），其中包含网页的实际内容。

HTML允许使用超链接，使得互联网的内容相互关联并可访问。虽然HTML只负责页面的结构和内容，但它通常与CSS（Cascading Style Sheets）和JavaScript一起使用，分别用于添加样式和交互性。随着时间的推移，HTML不断发展，最新版本是HTML5，它支持多媒体元素，如音频和视频，以及更丰富的互动功能，从而使网页更加动态和吸引人。

基础知识​

以下是HTML的一些基础知识点。掌握这些基础知识点是学习更高级的网页设计和开发的关键。

  1. 基础结构: <!DOCTYPE html>: 定义文档类型。 <html>: HTML文档的根元素。 <head>: 包含文档的元数据（如标题、字符集、链接到样式表和脚本）。 <body>: 包含网页的可见内容。

  2. 文本元素: <h1>到<h6>: 标题元素，从最大（h1）到最小（h6）。 <p>: 段落元素。 <br>: 换行。 <hr>: 水平线。

  3. 格式化元素: <strong>和<b>: 粗体文本。 <em>和<i>: 斜体文本。 <u>: 下划线文本。 <s>: 删除线文本。 <small>: 小字体文本。 <pre>: 预格式化文本。

  4. 列表: <ul>: 无序列表。 <ol>: 有序列表。 <li>: 列表项。

  5. 链接和锚点: <a href="url">: 创建超链接。 <a name="anchor">: 创建锚点。

  6. 图像和多媒体: <img src="url" alt="text">: 插入图像。 <audio>和<video>: 插入音频和视频文件。

  7. 表格: <table>: 定义表格。 <tr>: 表格行。 <td>: 表格单元格。 <th>: 表格标题单元格。

  8. 表单和输入: <form>: 创建HTML表单以收集用户输入。 <input>: 输入字段。 <textarea>: 文本区域。 <button>: 按钮。 <select>和<option>: 下拉列表。

  9. 样式和脚本: <style>: 嵌入CSS样式。 <link>: 链接外部CSS样式表。 <script>: 嵌入JavaScript代码。

  10. 特殊字符和实体: 如 &lt;（小于号）、&gt;（大于号）、&amp;（和号）等。

  11. 注释: <!-- 注释内容 -->: 添加注释，不会显示在浏览器中。