博客网页代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>'博客'页面</title>
	</head>
	<body>
		<div style='width:980px;margin:0 auto;'>
			<!--header begin=-->
			<div>
			<div style='height:56px;'>
				<img src='img/logo.jpg'alt=''align='left'/>
				<p align='right'>我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔</p>
			</div>
			<hr color='#ccc'/>
			</div>
		<!--header end-->
		<!--'博主简介'模块begin-->
	<div style='height: 470px;'>
		<img src='img/logo.png' alt='' align='left' hspace='12' vspace='12'/>
		<div>
			<p aligin='center'>
				<strong>
					<font face='微软雅黑' size='7' color='#0878ff'>博</font>
					<font face='微软雅黑' size='7' color='#0878ff'>主</font>
					<font face='微软雅黑' size='6' color='#333'>简</font>
					<font face='微软雅黑' size='6' color='#333'>介</font>
				<strong>
			</p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;大家好,我是你们的旅游博主<font color='#0878ff' size='4'>
				LonelyStone</font>。本人是一名自身旅行博主,外向型的内向人格,对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、
				文学、篮球、长跑、潜水爱好者。想在老去之前,看遍这颗星球的美好
			</p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;旅行格言:<ins><em><strong><font color='#0878ff'>人生不过一场旅
行</font></strong></em></ins>,你路过我,我路过你,然后各自回头,敬往事一杯烈酒。比起说走就走的旅行,很多人的一生是日渐趋于平淡得怅然,缺少了一种享受生活的阳光。
            </p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;旅行足迹:在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加。
				<ins><strong><font color='#f90'>......(详细]</font></strong></ins>
			</p>
		</div>
	</div>
	<!--'博主简介'模块end-->
	<!--'旅行随笔'模块begin-->
	<div>
		<h2 align='center'>
			<font size='6'>
				塔克拉玛干沙漠:爱我就征服我
			</font>
		</h2>
		<p align='ccenter'>
			<em>
				<font color='#666666'>
					2019.04.21&nbsp;&nbsp;&nbsp;&nbsp;地点:塔克拉玛干沙漠
				</font>
			</em>
		</p>
		<hr color='#ccc'/>
		<p>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在这浩瀚的大漠我看到了姿态各异、生命力极强的胡杨。没有肥沃的
土壤、没有充足的水分、没有适宜的环境,面对着寸草不生的塔克拉玛干大沙漠,却有胡杨毅然傲立戈壁呈现出生命力醉人的绿
</p>
<img src='img/banner1.jpg' alt='沙漠' vspace='20'/>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;据说,守护在戈壁的胡杨,一千年不死,一千年不倒,一千年不朽,
            这种傲然挺立、不屈不挠的精神,深深震动了我,这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我,想努力用自己的视角体会这种精神。
		</p>
		<img src='img/54b599c16f67539fc06d96ae44bdb80.jpg' alt='沙漠' vspace='20/'>
	</div>
	<!--'旅行随笔'模块end-->
	<!--驴友评论'模块begin-->
	<div>
		<img src='img/icon.jpg' alt='评论'/>
		<hr color='#ccc'>
		<div>
			<img src='img/person1.jpg' alt='沙漠' align='left' hspace='10'/>
			<div>
				<p>
					<font color='#F60'>HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size='2' color='#999'>
					2020-1-2-15:38:37</font>
				</p>
				<p>
					<font size='2'>风景太美了,感谢博主的分享,有时间一定去看看!</font>
					<br/>
				</p>
			</div>
			<hr color='#ccc' size='1'/>
		</div>
		<div>
			<img src='img/person2.jpg' alt='沙漠' align='left' hspace='10'/>
			<div>
				<p>
					<font color='#F60'>外星人</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size='2'color='#999'>
					2020-1-15 15:05:37</font>
				</p>
				<p>
					<font size='2'>大漠孤烟直,长河落日圆</font>
					<br/>
				</p>
			</div>
			</hr color='#ccc' size='1'/>
			</div>
			<div>
				<img src='img/person3.jpg' alt='沙漠' align='left' hspace='10'/>
				<div>
					<p>
						<font color='#F60'>so_cool</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size='2'color='#999'>2020-2-14 10:38:36</font>
					</p>
					<p>
						<font size='2'>前几年去过一次,风景还可以,适合拍照。</font>
						<br/>
					</p>
				</div>
				<hr color='#ccc'>
	<!--'驴友评论'模块end-->
	<!--'footer begin-->
	    <div style='text-align:center;'>
			        <p>
						<font color='#1d5983' size='2'>
							网友们意见留言板&nbsp;&nbsp;&nbsp;&nbsp;<font color='#333'>电话:000-123456</font>&nbsp;&nbsp;&nbsp;&nbsp;欢迎大家批评指正
						</font>
					</p>
					<p>
						<font color='#1d5983' size='2'>
							
							博客简介 | Abou BOKE | 广告服务 | 联系我们 | 招聘信息 | 网站律师 |BOKE English | 注册产品答疑
							
						</font>
					</p>
					<p>
						<font size='2'>
							Copyright 2016 - 2026 BOKE.coright All Rights Reserved
						</font>
					</p>
				</div>
	</div>
	<!--footer end-->
	</div>
	</body>
</html>

css

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>'博客'页面</title>
	</head>
	<body>
		<div style='width:980px;margin:0 auto;'>
			<!--header begin=-->
			<div>
			<div style='height:56px;'>
				<img src='img/logo.jpg'alt=''align='left'/>
				<p align='right'>我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔</p>
			</div>
			<hr color='#ccc'/>
			</div>
		<!--header end-->
		<!--'博主简介'模块begin-->
	<div style='height: 470px;'>
		<img src='img/logo.png' alt='' align='left' hspace='12' vspace='12'/>
		<div>
			<p aligin='center'>
				<strong>
					<font face='微软雅黑' size='7' color='#0878ff'>博</font>
					<font face='微软雅黑' size='7' color='#0878ff'>主</font>
					<font face='微软雅黑' size='6' color='#333'>简</font>
					<font face='微软雅黑' size='6' color='#333'>介</font>
				<strong>
			</p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;大家好,我是你们的旅游博主<font color='#0878ff' size='4'>
				LonelyStone</font>。本人是一名自身旅行博主,外向型的内向人格,对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、
				文学、篮球、长跑、潜水爱好者。想在老去之前,看遍这颗星球的美好
			</p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;旅行格言:<ins><em><strong><font color='#0878ff'>人生不过一场旅
行</font></strong></em></ins>,你路过我,我路过你,然后各自回头,敬往事一杯烈酒。比起说走就走的旅行,很多人的一生是日渐趋于平淡得怅然,缺少了一种享受生活的阳光。
            </p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;旅行足迹:在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加。
				<ins><strong><font color='#f90'>......(详细]</font></strong></ins>
			</p>
		</div>
	</div>
	<!--'博主简介'模块end-->
	<!--'旅行随笔'模块begin-->
	<div>
		<h2 align='center'>
			<font size='6'>
				塔克拉玛干沙漠:爱我就征服我
			</font>
		</h2>
		<p align='ccenter'>
			<em>
				<font color='#666666'>
					2019.04.21&nbsp;&nbsp;&nbsp;&nbsp;地点:塔克拉玛干沙漠
				</font>
			</em>
		</p>
		<hr color='#ccc'/>
		<p>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在这浩瀚的大漠我看到了姿态各异、生命力极强的胡杨。没有肥沃的
土壤、没有充足的水分、没有适宜的环境,面对着寸草不生的塔克拉玛干大沙漠,却有胡杨毅然傲立戈壁呈现出生命力醉人的绿
</p>
<img src='img/banner1.jpg' alt='沙漠' vspace='20'/>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;据说,守护在戈壁的胡杨,一千年不死,一千年不倒,一千年不朽,
            这种傲然挺立、不屈不挠的精神,深深震动了我,这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我,想努力用自己的视角体会这种精神。
		</p>
		<img src='img/54b599c16f67539fc06d96ae44bdb80.jpg' alt='沙漠' vspace='20/'>
	</div>
	<!--'旅行随笔'模块end-->
	<!--驴友评论'模块begin-->
	<div>
		<img src='img/icon.jpg' alt='评论'/>
		<hr color='#ccc'>
		<div>
			<img src='img/person1.jpg' alt='沙漠' align='left' hspace='10'/>
			<div>
				<p>
					<font color='#F60'>HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size='2' color='#999'>
					2020-1-2-15:38:37</font>
				</p>
				<p>
					<font size='2'>风景太美了,感谢博主的分享,有时间一定去看看!</font>
					<br/>
				</p>
			</div>
			<hr color='#ccc' size='1'/>
		</div>
		<div>
			<img src='img/person2.jpg' alt='沙漠' align='left' hspace='10'/>
			<div>
				<p>
					<font color='#F60'>外星人</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size='2'color='#999'>
					2020-1-15 15:05:37</font>
				</p>
				<p>
					<font size='2'>大漠孤烟直,长河落日圆</font>
					<br/>
				</p>
			</div>
			</hr color='#ccc' size='1'/>
			</div>
			<div>
				<img src='img/person3.jpg' alt='沙漠' align='left' hspace='10'/>
				<div>
					<p>
						<font color='#F60'>so_cool</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size='2'color='#999'>2020-2-14 10:38:36</font>
					</p>
					<p>
						<font size='2'>前几年去过一次,风景还可以,适合拍照。</font>
						<br/>
					</p>
				</div>
				<hr color='#ccc'>
	<!--'驴友评论'模块end-->
	<!--'footer begin-->
	    <div style='text-align:center;'>
			        <p>
						<font color='#1d5983' size='2'>
							网友们意见留言板&nbsp;&nbsp;&nbsp;&nbsp;<font color='#333'>电话:000-123456</font>&nbsp;&nbsp;&nbsp;&nbsp;欢迎大家批评指正
						</font>
					</p>
					<p>
						<font color='#1d5983' size='2'>
							
							博客简介 | Abou BOKE | 广告服务 | 联系我们 | 招聘信息 | 网站律师 |BOKE English | 注册产品答疑
							
						</font>
					</p>
					<p>
						<font size='2'>
							Copyright 2016 - 2026 BOKE.coright All Rights Reserved
						</font>
					</p>
				</div>
	</div>
	<!--footer end-->
	</div>
	</body>
</html>

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值