一个简单的标准 HTML 设计参考
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><!DOCTYPE html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><html lang="en"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><head></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><meta charset="UTF-8"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><meta name="viewport" content="width=device-width, initial-scale=1.0"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><title>我的网页</title></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></head></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><body></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><header></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h1>我的网页</h1></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><nav></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><ul></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><li><a href="#">首页</a></li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><li><a href="#">关于</a></li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><li><a href="#">联系<span style="color: black;">咱们</span></a></li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></ul></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></nav></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></header></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><main></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><section></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h2>欢迎来到我的网页</h2></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p>这是一个简单的 HTML5 网页设计。</p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://picsum.photos/200" alt="随机<span style="color: black;">照片</span>"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></section></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><section></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h2><span style="color: black;">咱们</span>的服务</h2></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><ul></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><li>服务项目 1</li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><li>服务项目 2</li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><li>服务项目 3</li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></ul></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></section></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></main></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><footer></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p>&copy; 2023 我的网页</p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></footer></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></body></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这个 HTML 参考代码<span style="color: black;">包含</span>以下标准 HTML 特性：</span></p><span style="color: black;"><span style="color: black;"><!DOCTYPE html>：HTML5 的文档类型声明，指定文档<span style="color: black;">运用</span> HTML5 标准。</span></span><span style="color: black;"><span style="color: black;"><html>：HTML 文档的根元素。</span></span><span style="color: black;"><span style="color: black;"><head>：<span style="color: black;">包括</span>文档的元数据，如字符集、视口和标题等。</span></span><span style="color: black;"><span style="color: black;"><meta>：用于指定文档的元数据，如字符集和视口等。</span></span><span style="color: black;"><span style="color: black;"><title>：定义文档的标题，将<span style="color: black;">表示</span>在浏览器标签页上。</span></span><span style="color: black;"><span style="color: black;"><header>：定义文档的头部，<span style="color: black;">包含</span>网站的标题和导航栏。</span></span><span style="color: black;"><span style="color: black;"><nav>：定义导航栏。</span></span><span style="color: black;"><span style="color: black;"><ul> 和 <li>：定义无序列表和列表项。</span></span><span style="color: black;"><span style="color: black;"><main>：定义文档的<span style="color: black;">重点</span>内容区域。</span></span><span style="color: black;"><span style="color: black;"><section>：定义文档的区域。</span></span><span style="color: black;"><span style="color: black;"><h1> 到 <h6>：定义标题级别，h1 为最高级别。</span></span><span style="color: black;"><span style="color: black;"><p>：定义段落。</span></span><span style="color: black;"><span style="color: black;"><img>：定义图像。</span></span><span style="color: black;"><span style="color: black;"><footer>：定义文档的底部，<span style="color: black;">包含</span>版权和其他信息。</span></span>
期待楼主的下一次分享！” 你的见解独到，让我受益匪浅，期待更多交流。
页:
[1]