⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 18.html

📁 运用div进行页面的控制
💻 HTML
字号:
🔍 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>FreeCNM</title>
<link href="18.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
	<div id="globallink">
		<ul>
			<li><a href="#">新品发布</a></li>
			<li><a href="#">公司员工</a></li>
			<li><a href="#">英文版</a></li>
		</ul>
		<br>
	</div>
	<div id="left">
		<div id="navigation">
			<ul>
				<li><a href="#">公司首页</a></li>
				<li><a href="#">工作团队</a></li>
				<li><a href="#">项目</a></li>
				<li><a href="#">市场与投资</a></li>
				<li><a href="#">员工福利</a></li>
				<li><a href="#">员工花名册</a></li>
				<li><a href="#">思想学习</a></li>
				<li><a href="#">出版物</a></li>
				<li><a href="#">日程安排</a></li>
				<li><a href="#">集体活动</a></li>
				<li><a href="#">友情链接</a></li>
				<li><a href="#">雁过留声</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<br>
		</div>
		<div id="search">
			<form>
				查找: <input type="text" class="text"> <input type="button" value="搜" class="btn">
			</form>
		</div>
	</div>
	<div id="main">
		<div id="banner"><img src="banner.jpg" border="0"></div>
		<div id="hottest">
			<h3><a href="#">新闻快递：公司股票于昨日在美国纳斯达克上市</a></h3>
		</div>
		<div id="list">
			<h4><span>公告栏</span></h4>
				<p class="date">2007.12.1</p>
				<ul>
					<li><a href="#">公司例会确定了新的项目筹备组</a></li>
					<li><a href="#">i、g、t三人当选公司新任董事会骨干</a></li>
					<li><a href="#">对股票的运作做了详细的规划</a></li>
					<li><a href="#">lh担任办公室重要职务，茁壮成长</a></li>
				</ul>
				<p class="date">2007.6.24</p>
				<ul>
					<li><a href="#">公司成立25周年纪念，领导发表重要讲话</a></li>
					<li><a href="#">新一轮项目筹备工作开始启动</a></li>
				</ul>
				<p class="more"><a href="#">more</a></p>
			<h4><span>前沿技术</span></h4>
				<p class="date">2007.4.1</p>
				<ul>
					<li><a href="#">清华大学电子工程系牛人做报告，气氛融洽</a></li>
					<li><a href="#">晾衣杆实现高增益、高信噪比波束自动成形天线</a></li>
				</ul>
				<p class="more"><a href="#">more</a></p>
			<h4><span>资源下载</span></h4>
				<p class="date">2006.12.7</p>
				<ul>
					<li><a href="#">时时语音和图象处理功能的纸箱</a></li>
					<li><a href="#">自动收发装置更新，电力充足</a></li>
				</ul>
				<p class="more"><a href="#">more</a></p>
		</div>
		<div id="letter">
			<h4><span>English Letter</span></h4>
			<p class="date2">2007.12.7</p>
			<p class="content2">Auditorium Stage</p>
			<p class="more2"><a href="#">more</a></p>
			
			<p class="date2">2007.11.4</p>
			<p class="content2">Beijing North Station</p>
			<p class="more2"><a href="#">more</a></p>
			
			<p class="date2">2007.6.24</p>
			<p class="content2">25th Anniversary</p>
			<p class="more2"><a href="#">more</a></p>
			
			<p class="date2">2007.6.1</p>
			<p class="content2">Children's Day Morning</p>
			<p class="more2"><a href="#">more</a></p>
			
			<p class="date2">2007.2.18</p>
			<p class="content2">Spring Festival Special</p>
			<p class="more2"><a href="#">more</a></p>
			
			<p class="date2">2007.1.23</p>
			<p class="content2">Holiday begins</p>
			<p class="more2"><a href="#">more</a></p>
			
			<p class="date2">2006.12.7</p>
			<p class="content2">The most happy day</p>
			<p class="more2"><a href="#">more</a></p>
		</div>
	</div>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -