HTML：修订间差异
来自运维百科
| 第3行： | 第3行： | ||
== HTML 的核心特点 == | == HTML 的核心特点 == | ||
=== 标记语言 === | === 标记语言 === | ||
<pre> | |||
由标签（如 <html>、<p>、<img>）组成，用尖括号 < > 包裹。 | |||
标签通常是成对出现的（如 <p>内容</p>），也有自闭合标签（如 <img>）。 | |||
</pre> | |||
=== 描述结构 === | === 描述结构 === | ||
定义网页的标题、段落、列表、图片、链接等元素。 | 定义网页的标题、段落、列表、图片、链接等元素。 | ||
2025年6月21日 (六) 12:03的版本
HTML（超文本标记语言，HyperText Markup Language）是用于创建和设计网页的标准标记语言。它通过一系列标签（tags）定义网页的结构和内容，浏览器会解析这些标签并渲染成用户看到的页面。
HTML 的核心特点
标记语言
由标签（如 <html>、<p>、<img>）组成，用尖括号 < > 包裹。 标签通常是成对出现的（如 <p>内容</p>），也有自闭合标签（如 <img>）。
描述结构
定义网页的标题、段落、列表、图片、链接等元素。
例如：
这是一个标题
这是一个段落。
超文本功能
通过 <a> 标签实现页面跳转或资源链接：
<a href="https://example.com">点击这里</a>
基本HTML文档结构
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
<meta charset="UTF-8">
</head>
<body>
<h1>主标题</h1>
<p>段落文字...</p>
</body>
</html>
<!DOCTYPE html>：声明文档类型为HTML5。
<html>：根元素，包裹所有内容。
<head>：包含元信息（如标题、字符编码）。
<body>：网页可见内容。
常用HTML标签示例
| HTML标签 | 描述 | 示例 | 输出效果 | |
|---|---|---|---|---|
<h1>-<h6> |
标题标签 | <h1>一级标题</h1> |
一级标题 | |
<p> |
段落 | <p>这是一个段落</p> |
这是一个段落 | |
<a> |
超链接 | <a href="#">链接</a> |
<a href="#">链接</a> | |
<img> |
图片 | <img src="//placeholder.com/50" width="50"> |
<img src="//placeholder.com/50" width="50"> | |
<ul><li> |
无序列表 | <ul><li>项目</li></ul> |
| |
<ol><li> |
有序列表 | <ol><li>第一项</li></ol> |
| |
<div> |
块级容器 | <div>容器</div> |
容器
| |
<span> |
行内容器 | <span>文本</span> |
文本 | |
<strong> |
加粗文本 | <strong>重要</strong> |
重要 | |
<em> |
强调文本 | <em>强调</em> |
强调 | |
<table><tr><td> |
表格 | <table border="1"><tr><td>单元格</td></tr></table> |
| |
<br> |
换行 | 第一行<br>第二行 |
第一行 第二行 | |
<hr> |
水平线 | <hr> |
为什么学习HTML？
- 是前端开发的基础（与CSS/JavaScript并称前端三件套）。
- 简单易学，适合编程入门。
- 几乎所有网站都依赖HTML构建。
