HTML 简介

最新推荐文章于 2025-05-27 16:06:05 发布

阿龍HL

最新推荐文章于 2025-05-27 16:06:05 发布

阅读量1.2k

点赞数 8

分类专栏： HTML基础文章标签： html 前端 javascript 开发语言缓存 ecmascript html5

本文链接：https://blog.youkuaiyun.com/m0_61841474/article/details/144376359

版权

HTML基础专栏收录该内容

9 篇文章

订阅专栏

原文链接《HTML 简介》

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。HTML通过使用一系列的元素（elements）和标签（tags）来描述网页的结构和内容。

需要注意的是，HTML不是编程语言，而是标记语言。标记语言主要用于定义文档的结构和内容，而不是用于执行逻辑或算法。在现代网页开发中，HTML通常与CSS（Cascading Style Sheets，用于样式设计）和（用于交互和动态行为）一起使用，共同构建功能丰富的网页和应用程序。是一种脚本语言，可以在网页中添加交互性和动态功能，使得HTML文档能够响应用户的操作和事件。
以下是HTML的一些基本概念和简介：

1. HTML文档结构

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>

<!DOCTYPE html>：声明文档类型，告诉浏览器这是一个HTML5文档。
<html>：HTML文档的根元素。
<head>：包含文档的元数据，如标题、字符集、样式表链接等。
<meta charset="UTF-8">：设置文档的字符编码为UTF-8。
<title>：设置网页的标题，显示在浏览器的标签页上。
<body>：包含网页的主要内容，如文本、图像、链接等。

2. HTML标签和元素

HTML标签通常成对出现，由开始标签和结束标签组成，内容放在两者之间。例如：

<p>这是一个段落。</p>

<p：开始标签。
</p>：结束标签。
有些标签是自闭合的，不需要结束标签，例如：

<img src="image.webp" alt="描述图片的文本">

3. 常用HTML标签

<h1> 到 <h6>：标题标签，<h1> 是最高级别的标题，<h6> 是最低级别的标题。
<p>：段落标签。
<a>：超链接标签，用于创建链接。
<img>：图像标签，用于插入图片。
<ul> 和 <li>：无序列表标签，<ul> 表示无序列表，<li> 表示列表项。
<ol> 和 <li>：有序列表标签，<ol> 表示有序列表，<li> 表示列表项。
<div>：块级容器标签，用于组织和布局内容。
<span>：行内容器标签，用于对文本的某一部分进行样式设置。

4. 属性

HTML标签可以包含属性，属性提供有关元素的额外信息。例如：

<a href="https://www.example.com">这是一个链接</a>

href：属性名，指定链接的目标URL。
https://www.example.com：属性值。

5. HTML文档的组织

HTML文档通常会包含多个层次结构，使用 <div>、<section>、<article>等标签来组织内容，以便于样式设计和布局。

6. 注释

HTML中可以使用注释来添加注解，注释不会在浏览器中显示。

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

7. 文档类型和兼容性

HTML5是最新的HTML标准，使用声明可以确保文档以HTML5解析。

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">