HTML
来自运维百科
HTML（超文本标记语言，HyperText Markup Language）是用于创建和设计网页的标准标记语言。它通过一系列标签（tags）定义网页的结构和内容，浏览器会解析这些标签并渲染成用户看到的页面。
HTML 的核心特点
标记语言
- 由标签（如 <html>、
、<img>）组成，用尖括号 < > 包裹。
- 标签通常是成对出现的（如
内容
），也有自闭合标签（如 <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标签示例
| 标签 | 作用 | 示例 | 输出效果 | <h1>到<h6> |
标题（1级最大，6级最小） | <h1>主标题</h1> |
主标题 |
<p> |
段落 | <p>这是一个段落</p> |
这是一个段落 |
<a> |
超链接 | <a href="https://example.com">示例链接</a> |
<a href="https://example.com">示例链接</a> | <img> |
图片 | <img src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/50px-Wikipedia-logo-v2-en.svg.png"> |
<img src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/50px-Wikipedia-logo-v2-en.svg.png"> | <ul> |
无序列表 | <ul> |
|
<ol> |
有序列表 | <ol> |
|
<div> |
块级容器 | <div style="background:#eee">容器内容</div> |
容器内容
|
<span> |
行内容器 | <span style="color:red">红色文本</span> |
红色文本 | <strong> |
加粗文本 | <strong>重要内容</strong> |
重要内容 | <em> |
强调文本（斜体） | <em>强调文本</em> |
强调文本 |
|---|
为什么学习HTML？
- 是前端开发的基础（与CSS/JavaScript并称前端三件套）。
- 简单易学，适合编程入门。
- 几乎所有网站都依赖HTML构建。
