HTML,全称为超文本标记语言(HyperText Markup Language),是构建网页和网上应用程序的基础。对于初学者来说,了解HTML的基本结构和常用标签是非常重要的。
HTML文档由一系列的元素组成,这些元素通过标签(tags)来定义。标签通常成对出现,例如`<html>`和`</html>,它们分别标记了HTML文档的开始和结束。
以下是一些基本的HTML标签及其用途:
- `<!DOCTYPE html>`: 文档类型声明,告诉浏览器当前文档遵循HTML5标准。
- `<html>`: 定义HTML文档的主体。
- `<head>`: 包含了文档的元信息,例如文档标题(`<title>`)和其他的元标签(如字符集定义`<meta charset="utf-8">`)。
- `<body>`: 包含了可见的页面内容,如文本、图片、视频、链接等。
- `<h1>`到`<h6>`: 不同级别的标题,用于定义内容的层次结构。
- `<p>`: 定义段落。
- `<a>`: 创建指向另一个页面或页面内某一部分的链接。
- `<img>`: 嵌入图像。
- `<ul>`, `<ol>`, `<li>`: 定义无序列表、有序列表和列表项。
- `<div>`: 用于布局和内容分组,可以包含其他元素。
- `<span>`: 用于行内元素分组,常用于样式应用。
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>孤舟</title>
<style>
body { font-family: Arial, sans-serif; }
h1 { color: blue; }
p { margin-bottom: 1em; }
</style>
</head>
<body>
<header>
<h1>欢迎来到我的博客</h1>
</header>
<nav>
<a href="/">首页</a> |
<a href="/about">关于我</a> |
<a href="/contact">联系我</a>
</nav>
<main>
<article>
<h2>博客标题</h2>
<p>这里是你的博文内容。</p>
<p>可以继续添加更多的段落或内容。</p>
</article>
</main>
<footer>
<p>版权所有 © 2023</p>
</footer>
</body>
</html>
以上就是关于HTML初级阶段的简要介绍。