HTML 语法基础-CSDN博客

本文链接：https://blog.csdn.net/2403_87185636/article/details/142133984

1.1.1 HTML概述

HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它描述了一个网站的结构骨架，使得浏览器能够展示具有特定格式的文本、链接、图片和其他内容。

1.1.1.1 语言，超文本，标记：

语言

定义：HTML作为一种超文本标记语言，有指定的语法规则，超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。

超文本

定义：超文本是一种文本格式，它允许从文本中链接到其他文本。这种链接允许用户通过点击或点击来访问相关的信息，而不需要离开当前文档。

标记

定义：在计算机科学中，标记通常指的是用于定义和格式化数据的符号或代码。在HTML（超文本标记语言）的上下文中，标记是用于描述网页内容和结构的代码。
1.1.1.2 创建HTML文档：

1.1.2一个基本的HTML代码

<!DOCTYPE html>
<html>
    <!-- 这是一个HTML文档的声明，指明这是一个HTML5文档 -->
    <head>
        <!-- 这是HTML文档的头部，包含文档的元信息 -->
        <meta charset="utf-8" /> <!-- 指定文档的字符编码为UTF-8 -->
        <meta name="keywords" content="xxx" /> <!-- 定义文档的关键字，用于搜索引擎优化 -->
        <meta name="description" content="xxx" /> <!-- 定义文档的描述，用于搜索引擎优化 -->
        <title> 网页标题 </title> <!-- 设置文档的标题 -->
        <link rel="stylesheet" href="/css/index.css" type="text/css"/> <!-- 引入外部CSS样式表 -->
    </head>
    <!-- 这是HTML文档的主体部分 -->
    <body>
        <!-- 这是一个段落标签，用于显示文本内容 -->
        <p align ="center">你好！HTML！！！</p> <!-- 显示文本 "你好！HTML！！！"，文本居中 -->
        <!-- 这是一个标题标签，用于显示大标题 -->
        <h1 align ="center">------------我的第一个网页项目------------</h1> <!-- 显示文本 "我的第一个网页项目"，文本居中 -->
        <!-- 这是一个水平线标签，用于在文档中添加一条水平线
			这是一个注释，用于说明代码中的某一部分 -->
			这是一个多行注释 -->
        <hr size="10" color="black"/> <!-- 显示一条宽度为10像素，颜色为黑色的水平线 -->
        <!-- 这是一个段落标签，用于显示文本内容 -->
        <p align ="center">----测试中----</p> <!-- 显示文本 "测试中--"，文本居中 -->
        <!-- 这是一个超链接标签，用于链接到其他网页 -->
        <a href="http://www.baidu.com"> <p align ="center">百度一下</p></a> <!-- 创建一个链接到百度的按钮 -->
    </body>
</html>