HTML简单入门—— 基础标签与路径解析。

最新推荐文章于 2025-12-04 15:03:47 发布

原创最新推荐文章于 2025-12-04 15:03:47 发布 · 238 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#人工智能

HTML 基础标签

HTML（HyperText Markup Language）是构建网页的核心语言，由一系列标签组成。以下是一些常用基础标签的示例：

1. 文档结构标签

<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

<!DOCTYPE html> 声明文档类型为 HTML5。
<html> 是根标签，包含整个页面内容。
<head> 包含元信息如标题、CSS 或 JavaScript 链接。
<body> 包含可见的页面内容。

2. 文本与标题标签

<h1>主标题</h1>
<h2>副标题</h2>
<p>段落文本，支持<strong>加粗</strong>和<em>斜体</em>。</p>

<h1> 到 <h6> 定义标题层级。
<p> 定义段落，<strong> 和 <em> 用于强调文本。

3. 链接与图片标签

<a href="https://example.com">点击跳转</a>
<img src="image.jpg" alt="图片描述">

<a> 的 href 属性指定链接地址。
<img> 的 src 属性指定图片路径，alt 提供替代文本。

4. 列表标签

<ul>
    <li>无序列表项</li>
</ul>
<ol>
    <li>有序列表项</li>
</ol>

路径解析

HTML 中引用外部资源（如图片、CSS、JS）时，路径分为绝对路径和相对路径。

1. 绝对路径
直接使用完整 URL 或从根目录开始的路径：

<img src="https://example.com/images/logo.png">
<!-- 或服务器根目录下的文件 -->
<link href
### HTML 基础标签

HTML（HyperText Markup Language）是构建网页的核心语言，由一系列标签组成。以下是一些常用基础标签的示例：

**1. 文档结构标签**  
```html
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

<!DOCTYPE html> 声明文档类型为 HTML5。
<html> 是根标签，包含整个页面内容。
<head> 包含元信息如标题、CSS 或 JavaScript 链接。
<body> 包含可见的页面内容。