DIV+CSS実践運用３：経済経営学部のWebページコンテンツモジュールにタイトルバーと著作権情報モジュールを追加_html/css

DIV+CSS実践運用３：経済経営学部のWebページコンテンツモジュールにタイトルバーと著作権情報モジュールを追加_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:33:13

オリジナル

1142 人が閲覧しました

DIV+CSS 実践操作 1: 経済経営学部 Web ページの全体的なモジュールレイアウトと DIV+CSS 実践操作 2: 経済経営学部 Web ページへのナビゲーションバーとフレンドリーリンクの追加

コラムに進みます。この一連のブログ投稿を利用して、経済管理学部の Web ページを作成します。今回はコンテンツセクションにタイトルバーを追加し、制作情報セクションへのリンクを追加するだけです。このブログ投稿は基本的にこれを行うものであり、結果を前の 2 つのブログ投稿と比較することを忘れないでください。、はまだ古いルーチンです。HTML コードを記述するときは、コードの整頓性と整合性に必ず注意を払う必要があります。まず、HTML コードにアクセスしてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>经管系</title><link rel="stylesheet" href="Style.css" type="text/css" /></head><body><!--经管系Logo板块--><div id="top">Dreamweaver8</div><!--经管系网页导航栏板块--><div id="nav">    <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>	</ul></div><!--经管系网页风采展示广告板块--><div id="adpic"></div><!--经管系内容板块--><div id="news">    <div id="news_left">	    <div id="news_left_top">		    <div class="news_left_titlebar"><img src="images/n_icon001.gif" />常用服务</div>		    <div id="news_left_top_content"></div>		</div>		<div id="news_left_mid">		    <div class="news_left_titlebar"><img src="images/n_icon001.gif" />站内导航</div>		    <div id="news_left_top_content"></div>		</div>		<div id="news_left_bottom">		    <div class="news_left_titlebar"><img src="images/n_icon001.gif" />扫一扫</div>		    <div id="news_left_top_content"></div>		</div>	</div>    <div id="news_mid">	    <div id="news_mid_top">		    <div class="news_mid_titlebar">经管动态</div>		    <div id="news_mid_top_content"></div>		</div>		<div id="news_mid_bottom">		    <div class="news_mid_titlebar">通知公告</div>		    <div id="news_mid_bottom_content"></div>		</div>	</div>	<div id="news_right">	    <div id="news_right_top">		    <div class="news_right_titlebar">招生就业</div>		    <div id="news_right_top_content"></div>		</div>		<div id="news_right_mid">		    <div class="news_right_titlebar">实习基地</div>		    <div id="news_right_top_content"></div>		</div>		<div id="news_right_bottom">		     <div class="news_right_titlebar">学生工作</div>		     <div id="news_right_top_content"></div>		</div>	</div></div><!--经管系网站友情链接板块--><div id="link">    <div id="link_left">友情链接：</div>	<div id="link_right">		<table width="100%" border="0" cellspacing="0" cellpadding="0"><!--表格-->		      <tr align="center" valign="middle">			      <td><a href="#">教学资源网</a></td>			      <td>|</td>			      <td><a href="#">中国大学</a></td>			      <td>|</td>			      <td><a href="#">教育部</a></td>			      <td>|</td>			      <td><a href="#">河北省教育厅</a></td>			      <td>|</td>			      <td><a href="#">中国教育科研网</a></td>			      <td>|</td>			      <td><a href="#">教育网河北主节点</a></td>			      <td>|</td>			      <td><a href="#">慕课网</a></td>			      <td>|</td>			      <td><a href="#">爱课程</a></td>			      <td>|</td>			      <td><a href="#">南方周末</a></td>			      <td>|</td>			      <td><a href="#">经济观察</a></td>			      <td>|</td>			      <td><a href="#">中国企业家</a></td>		       </tr>	    </table>	</div></div><!--经管系网站制作版权信息板块--><div id="copyright">    <div id="copyright_top"><a href="#">版权所有：</a></div>    <div id="copyright_bottom"><a href="#">所在地址：</a></div></div></body></html>

ログイン後にコピー

E CSS スタイルテーブルコード。 :

。