外链论坛

 找回密码
 立即注册
搜索
查看: 44|回复: 2

一个简单的标准 HTML 设计参考

[复制链接]

2988

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109267
发表于 2024-7-27 22:27:21 | 显示全部楼层 |阅读模式

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>我的网页</title>

</head>

<body>

<header>

<h1>我的网页</h1>

<nav>

<ul>

<li><a href="#">首页</a></li>

<li><a href="#">关于</a></li>

<li><a href="#">联系咱们</a></li>

</ul>

</nav>

</header>

<main>

<section>

<h2>欢迎来到我的网页</h2>

<p>这是一个简单的 HTML5 网页设计。</p>

<img src="https://picsum.photos/200" alt="随机照片">

</section>

<section>

<h2>咱们的服务</h2>

<ul>

<li>服务项目 1</li>

<li>服务项目 2</li>

<li>服务项目 3</li>

</ul>

</section>

</main>

<footer>

<p>&copy; 2023 我的网页</p>

</footer>

</body>

</html>

这个 HTML 参考‬代码‬包含以下标准 HTML 特性:

<!DOCTYPE html>:HTML5 的文档类型声明,指定文档运用 HTML5 标准。<html>:HTML 文档的根元素。<head>:包括文档的元数据,如字符集、视口和标题等。<meta>:用于指定文档的元数据,如字符集和视口等。<title>:定义文档的标题,将表示在浏览器标签页上。<header>:定义文档的头部,包含网站的标题和导航栏。<nav>:定义导航栏。<ul> 和 <li>:定义无序列表和列表项。<main>:定义文档的重点内容区域。<section>:定义文档的区域。<h1> 到 <h6>:定义标题级别,h1 为最高级别。<p>:定义段落。<img>:定义图像。<footer>:定义文档的底部,包含版权和其他信息。
回复

使用道具 举报

3016

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139149
发表于 2024-9-26 03:17:41 | 显示全部楼层
期待楼主的下一次分享!”
回复

使用道具 举报

2940

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109403
发表于 2024-9-29 00:16:25 | 显示全部楼层
你的见解独到,让我受益匪浅,期待更多交流。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-9 03:36 , Processed in 0.073156 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.