基本 html 代码

📌 相关文章

📜 基本 html 代码 - Html (1)

📅 最后修改于: 2023-12-03 14:51:36.548000 🧑 作者: Mango

HTML（超文本标记语言）是一种用于构建网页结构的标记语言。它使用标签（tag）来定义元素（element），从而向浏览器指示如何显示内容和组织页面。

以下是一些常见的基本 HTML 代码示例：

HTML 文档结构

一个基本的 HTML 文档结构包含以下几个部分：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>网页标题</title>
</head>
<body>
    <!-- 页面内容在这里 -->
</body>
</html>

<!DOCTYPE html>：声明文档类型为 HTML5。
<html>：HTML 文档的根元素，表示整个页面的开始和结束。
<head>：包含 HTML 文档的元数据和设置。
<meta charset="UTF-8">：设置文档的字符编码为 UTF-8。
<title>：定义网页的标题，将显示在浏览器的标题栏或标签页上。
<body>：包含实际的网页内容。

常见 HTML 标签

下面是一些常见的 HTML 标签示例：

标题和段落

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<p>这是一个段落。</p>

链接和图像

<a href="https://example.com">这是一个链接</a>
<img src="image.jpg" alt="图片描述">

列表

无序列表：

<ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
</ul>

有序列表：

<ol>
    <li>有序列表项 1</li>
    <li>有序列表项 2</li>
</ol>

表格

<table>
    <tr>
        <th>表头单元格 1</th>
        <th>表头单元格 2</th>
    </tr>
    <tr>
        <td>数据单元格 1</td>
        <td>数据单元格 2</td>
    </tr>
</table>

表单

<form>
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="提交">
</form>

注释

<!-- 这是一个注释 -->

以上只是一些 HTML 代码的示例，HTML 还有很多其他的标签和属性，可以根据需要深入学习。通过正确使用 HTML，可以构建出丰富有趣的网页内容！

注意：上述代码片段为 Markdown 代码格式，如果需要在 HTML 中使用，请将其转换为适当的 HTML 代码格式。