HTML 基础概述

HTML（HyperText Markup Language，超文本标记语言）是用于创建网页和应用程序的标准标记语言。它定义了网页的基本结构和内容。通过 HTML，开发者可以将文本、图像、视频和其他多媒体内容组织成有结构的文档，供浏览器解析和呈现。

HTML 的基本特点

  1. 结构化内容：HTML 使用标签（tags）来定义文档的结构。

  2. 平台独立：HTML 文档可以在任何支持浏览器的设备上显示。

  3. 与其他技术结合：HTML 通常与 CSS 和 JavaScript 一起使用，创建出样式丰富、功能强大的网页。

HTML 的基本结构

每个 HTML 文档都包含以下主要部分：

  • <!DOCTYPE> 声明：定义 HTML 的版本。

  • <html>：文档的根元素。

  • <head>：包含元信息（meta-information），如标题和外部资源链接。

  • <body>：网页的主要内容部分。

示例：基本 HTML 结构

<!DOCTYPE html>
<html>
<head>
    <title>HTML 基本结构</title>
</head>
<body>
    <h1>欢迎来到景儿seo学习HTML</h1>
    <p>HTML是构建网页的基础。</p>
</body>
</html>

常用 HTML 标签

  1. 标题标签：<h1> 到 <h6> 定义不同级别的标题。

  2. 段落标签：<p> 定义段落内容。

  3. 链接标签：<a> 用于创建超链接。

  4. 图像标签：<img> 用于插入图片。

  5. 表格标签：<table> 创建表格。

  6. 表单标签：<form> 创建用户输入表单。

示例：常用标签

<!DOCTYPE html>
<html>
<head>
    <title>HTML 常用标签示例</title>
</head>
<body>
    <h1>HTML 常用标签</h1>
    <p>这是一个段落。</p>
    <a href="https://www.untib.com">这是一个链接</a>
    <img src="image.jpg" alt="示例图片" width="200">
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
        </tr>
    </table>
</body>
</html>

HTML 的优势

  • 简单易学：标签语法清晰直观。

  • 灵活性强：可与 CSS 和 JavaScript 结合实现更多功能。

  • 开放标准：由万维网联盟（W3C）维护，保证兼容性。

通过学习 HTML 的基本语法和标签使用，你可以构建网页的基本框架，为进一步学习前端开发奠定基础。