用HTML加CSS模仿的W3school的主页

最新推荐文章于 2021-10-10 17:32:08 发布

zwt0_0

最新推荐文章于 2021-10-10 17:32:08 发布

阅读量4k

点赞数 5

文章标签： html css

本文链接：https://blog.csdn.net/zwt_1/article/details/53560181

版权

作为一个HTML和CSS的初学者，我模仿了一个比较简单的静态网页，就是W3school的主页，虽然有些内容以我目前的能力还没有做到一模一样，但这是我第一次自己动手做的网页，我还是很开心的。如果有人看了我这篇文章，希望给我一点建议让我完善这个网页。比如除了加空格外如何让头部导航栏的无序列表的列表项之间隔的更宽，另外这算是我第一次用心的写博客，希望大家给我一些建议，谢谢！！

这是W3school官网的主页

这是我的网页

接下来就是我的HTML文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link type="text/css" rel="stylesheet" href="ws.css">
	<title>w3school在线教程</title>
</head>
<body>
	<div id="frame">
		<div id="top">
			<a href="#" class="first"><img src="w3.png"></a>
			<ul>
				<li><a href="#" title="HTML 系列教程">HTML / CSS</a>   
				         </li>
				<li><a href="#" title="浏览器脚本教程">JavaScript</a>
				            </li>
				<li><a href="#" title="服务器脚本教程">Server Side</a>   
				         </li>
				<li><a href="#" title="ASP.NET 教程">ASP.NET</a>   
				         </li>
				<li><a href="#" title="XML 系列教程">XML</a>   
				         </li>
				<li><a href="#" title="Web Services 系列教程">Web Services</a>   
				         </li>
				<li><a href="#" title="建站手册">Web Building</a></li>
			</ul>
		</div>
	<div id="main">
		<div id="left">
			<ul>
				<li class="second">HTML教程</li>
				<li><a href="#">HTML</a></li>
				<li><a href="#">HTML5</a></li>
				<li><a href="#">XHTML</a></li>
				<li><a href="#">CSS</a></li>
				<li><a href="#">CSS3</a></li>
				<li><a href="#">TCP/IP</a></

最低0.47元/天解锁文章

zwt0_0

关注

5
点赞
踩
35

收藏

觉得还不错? 一键收藏
4
评论
用HTML加CSS模仿的W3school的主页

作为一个HTML和CSS的初学者，我模仿了一个比较简单的静态网页，就是W3school的主页，虽然有些内容以我目前的能力还没有做到一模一样，但这是我第一次自己动手做的网页，我还是很开心的。如果有人看了我这篇文章，希望给我一点建议让我完善这个网页。比如除了加空格外如何让头部导航栏的无序列表的列表项之间隔的更宽，另外这算是我第一次用心的写博客，希望大家给我一些建议，谢谢！！这是W3scho
复制链接

扫一扫