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标签示例
| 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构建。
