<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</tit1e> </head> <body> <div style="width: 980px;margin: 0 auto;"> <div> <div style="height: 56px;"> <img src="images/logo.png" align="left"> <p align="right">我的博客 | 攻略 ; | 随笔</p> </div> <hr color="#ccc"> </div> </div> </body> </html>
时间: 2023-05-27 08:06:18 浏览: 161
HTML中的<meta>标签的使用详解
5星 · 资源好评率100%
页面</p> </div> <hr> <div style="float: left;width: 200px;"> <ul> <li><a href="#">博客首页</a></li> <li><a href="#">技术文章</a></li> <li><a href="#">生活随笔</a></li> <li><a href="#">我的相册</a></li> </ul> </div> <div style="float: left;width: 780px;padding-left: 20px;"> <h1>欢迎来到我的博客</h1> <p>这里是我分享技术文章和生活随笔的地方,也会分享一些我的相册。</p> <p>希望大家可以喜欢我的博客,也欢迎大家留言交流。</p> </div> </div> </body> </html>
这是一个 HTML 页面的代码,包含了页面的基本结构和样式。其中,页面头部设置了字符集和标题,页面主体部分包括了一个宽度为980像素的容器,容器内有一个包含 logo 图片和页面标题的区域,以及一个包含导航菜单和主要内容的区域。页面整体布局采用了浮动和定位等 CSS 技术。该页面主要用于展示博客内容,同时提供了导航和留言功能。
阅读全文