小白刚学html时期的一个作品

程序员文章站 2022-03-22 16:41:53

...

小白刚学html时期的一些不是很完善的作品

<html>
<head>
<title></title>
<div>
	<div style="left: 10px; position: absolute; top: 10px;">
		<span class="stress">公告栏</span><a href="http://www.hqu.edu.cn">
	</div>
	<span style="margin-left: 290px;"><span class="apple">more>>></span></a>
	<hr style="background:#00BBFF ;height: 1px;border: none;">
</div>
<style type="text/css">
	div{width:360px;
	height:30px;
	line-height:10px;}
	a{text-decoration:none}
	.stress{color:#00BBFF;font-size:20px}
	.apple{color:#00BBFF;font-size:14px}
	a:link {color: grey} /* 未访问的链接 */
	a:visited {color: grey} /* 已访问的链接 */
</style>
<body>
	<p><a href="http://www.hqu.edu.cn">&nbsp我国广大大学生到底该如何正确选&nbsp&nbsp&nbsp[2016/5/28]</a></p>
	<p><a href="http://www.hqu.edu.cn">&nbsp我国广大大学生到底该如何正确选&nbsp&nbsp&nbsp[2016/5/28]</a></p>
	<p><a href="http://www.hqu.edu.cn">&nbsp我国广大大学生到底该如何正确选&nbsp&nbsp&nbsp[2016/5/28]</a></p>
	<p><a href="http://www.hqu.edu.cn">&nbsp我国广大大学生到底该如何正确选&nbsp&nbsp&nbsp[2016/5/28]</a></p>
	<br/><br/><br/><br/><br/>
	<div style="left: 50px; position: absolute; top: 250px;">
		<a href="http://www.hqu.edu.cn"><img src="./img/fix.png" width="50" height="50" /></a><br/><br/>设备报修 
	</div>
	<div style="left: 150px; position: absolute; top: 250px;">
		<a href="http://www.hqu.edu.cn"><img src="./img/card.png" width="50" height="50" /></a><br/><br/>拾获卡
	</div>
	<div style="left: 250px; position: absolute; top: 250px;">
		<a href="http://www.hqu.edu.cn"><img src="./img/phone.png" width="50" height="50" /></a><br/><br/>手机APP
	</div>
	<div style="left: 100px; position: absolute; top: 350px;">
		<select>
		<option>----友情链接----</option>
		<option value="友情链接1">友情链接1</option>
		<option value="友情链接2">友情链接2</option>
		<option value="友情链接3">友情链接3</option>
		<option value="友情链接4">友情链接4</option>
		</select>
	</div>
</head>
</body>
</html>

完成的页面是这样子的
小白刚学html时期的一个作品
里面的图片没上传上来，所以没法显示咯。
小白勿怪。

相关标签： html 小白小白刚学html时期的一些不是很完善的作品页面

上一篇： Visual Studio 2017中配置SDL

下一篇： Nandflash驱动