好看的html示例代码100行
时间: 2023-10-07 12:04:25 浏览: 25
下面是一个简单的 HTML 示例代码,它包含了一些基本的 HTML 标签:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的网站</title>
</head>
<body>
<header>
<h1>我的网站</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>欢迎来到我的网站</h2>
<p>这是一个基本的 HTML 网站示例。</p>
<img src="image.jpg" alt="网站图片">
<section>
<h3>关于我们</h3>
<p>我们是一家专门从事 XYZ 的公司。</p>
</section>
</main>
<footer>
<p>Copyright © 2021 我的网站</p>
</footer>
</body>
</html>
```
这段代码中使用了以下 HTML 标签:
- `<html>`:定义 HTML 文档
- `<head>`:定义 HTML 文档的头部
- `<meta>`:定义 HTML 文档的元信息(如字符集)
- `<title>`:定义 HTML 文档的标题
- `<body>`:定义 HTML 文档的主体
- `<header>`:定义页眉区域
- `<nav>`:定义导航链接的容器
- `<ul>`:定义无序列表
- `<li>`:定义列表项
- `<a>`:定义超链接
- `<main>`:定义文档的主要内容