1.完成形如如下页面。
效果截图：
实现代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文字显示和段落控制</title>
</head>
<body>
<center><font color="red"><h1>一级标题</h1></font></center>
<hr color="green" width="80%">
<font color="blue" face="黑体" size="7"><center>这是黑体，大小为7号字，蓝色</center></font>
<p>
<font color="red">
这是一个段落<br>
<I>这是斜体</I><B>这是粗体</B><U>这是下划线字体</U>
<big>这是大字体</big><small>这是小字体</small>
这是下标字体<sub>1</sub>这是上标字体<sup>2</sup><br>
<I><U><B><font face="楷体" size=6 color="cc8888">这些标记还可以混合使用</font></B></U></I></big>
</font>
</p>
<p align="center">
<font color="red">
这是另一个段落<br>
<B> 以下是转义序列</B><br>
<小于号；>大于号；&与号；"双引号；例如：a>b
</font>
</p>
</body>
</html>
2.实现Web项目–中国传统文化–传华网首页。
效果截图：
实现代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>传华网_魅力中华</title>
</head>
<body link="black" alink="red" vlink="black" >
<center>
<table width="80%" >
<tr>
<td><img src="img/logoover.jpg" ></td>
<td width="883" height="79">
<h1 align="center"><font face="楷体">弘扬传统文化，共筑精神家园</font>
<input type="text" name="keyword" placeholder="请输入关键词" style="width:300px; height:30px;">
<input type="submit" name="search" value="搜索" style="width:50px; height:30px;"/>
</h1>
</td>
<td ><a href="#" style="text-decoration: none" ><center>登录/注册</center></a></td>
</tr>
<tr>
<td colspan="3" width="883" height="79" bgcolor="bisque">
<font face="宋体" size="4" color="black">
<center>
<a href="index.html" style="text-decoration: none">首页</a>
<a href="jierifood.html" style="text-decoration: none">节日美食</a>
<a href="yishu.html" style="text-decoration: none">艺术之风</a>
<a href="mingren.html" style="text-decoration: none">名人事迹</a>
<a href="meilijingse.html" style="text-decoration: none">魅力景色</a>
<a href="gulaoshenhua.html" style="text-decoration: none">古老神话</a> </center>
</font>
</td>
</tr><!--此处截至，为每页都需要有的导航部分，下面开始自由发挥-->
</table>
<table width="80%" >
<tr>
<td width="30%" valign="top" style="background-image:url(img/background2.jpg);background-repeat:no-repeat;">
<b>推荐阅读</b><br>
<ul>
<li><a href="#" style="text-decoration: none">他！一个集医疗和武术于一身,弘扬中华传统文化的坚定使者！</a></li>
<li><a href="#" style="text-decoration: none">快来看看什么粽子这么好看，它竟是宁阳县传统的手工艺品(o゜▽゜)</a></li>
<li><a href="#" style="text-decoration: none">中华第一关——雁门关</a></li>
<li><a href="#" style="text-decoration: none">新民俗吉祥画</a></li>
<li><a href="#" style="text-decoration: none">这个"芈"字最近很火 但只有很少人知道字背后的秘密…</a></li>
<li><a href="#" style="text-decoration: none">藏族传统工艺走向国际市场</a></li>
<li><a href="#" style="text-decoration: none">小小鼻烟壶 吉祥寓意多</a></li>
<li><a href="#" style="text-decoration: none">古典家具走红在于历史文化底蕴</a></li>
<li><a href="#" style="text-decoration: none">寻找中国“福文化”图腾 传承传统文化</a></li>
<li><a href="#" style="text-decoration: none">魅力李杜文化</a></li>
<li><a href="#" style="text-decoration: none">探寻桂林指尖上的传统工艺：会仙镇铁匠村里“寻铁声”</a></li>
<li><a href="#" style="text-decoration: none">榆林剪纸</a></li>
<li><a href="#" style="text-decoration: none">王华艺术简介及书法作品</a></li>
</ul>
</td>
<td width="883" height="79">
<center><img src="img/魅力景色.jpg" alt="图片轮播"></center>
</td>
</tr>
<tr>
<td valign="top" >
<b>点击量排行榜</b><br>
<ol>
<li><a href="#" style="text-decoration: none">快来看看什么粽子这么好看，它竟是宁阳县传统的手工艺品(o゜▽゜)</a></li>
<li><a href="#" style="text-decoration: none">中华第一关——雁门关</a></li>
<li><a href="#" style="text-decoration: none">这个"芈"字最近很火 但只有很少人知道字背后的秘密…</a></li>
<li><a href="#" style="text-decoration: none">藏族传统工艺走向国际市场</a></li>
<li><a href="#" style="text-decoration: none">集医疗和武术于一身,弘扬中华传统文化的坚定使者</a></li>
<li><a href="#" style="text-decoration: none">新民俗吉祥画</a></li>
<li><a href="#" style="text-decoration: none">小小鼻烟壶 吉祥寓意多</a></li>
<li><a href="#" style="text-decoration: none">寻找中国“福文化”图腾 传承传统文化</a></li>
<li><a href="#" style="text-decoration: none">古典家具走红在于历史文化底蕴</a></li>
<li><a href="#" style="text-decoration: none">王华艺术简介及书法作品</a></li>
</ol>
</td>
<td>
<table>
<tr align="left"><b>精选文章</b></tr><br>
<tr>
<td rowspan="6"><img src="img/1-2.png"><br><img src="img/1-1.png"><img src="img/1-2.png"><br><img src="img/1-1.png"></td>
<td><a href="#" >快来看看什么粽子这么好看，它竟是宁阳县传统的手工艺品(o゜▽゜)</a><br>山东宁阳彩粽是传统的手工艺品，来源于“缠画”，在此基础上发展成为宁阳吉祥彩粽。由于制作精美、寓意深刻，逐渐在社会上有了很大影响，形成了送彩粽习...</td>
</tr>
<tr>
<td><a href="#">快来看看什么粽子这么好看，它竟是宁阳县传统的手工艺品(o゜▽゜)</a><br>山东宁阳彩粽是传统的手工艺品，来源于“缠画”，在此基础上发展成为宁阳吉祥彩粽。由于制作精美、寓意深刻，逐渐在社会上有了很大影响，形成了送彩粽习...</td>
</tr>
<tr>
<td><a href="#" >从中式翻糖到手工扎染，今天来扒一扒那些“国潮”文化</a><br>周斐乃何许人也？此人荣获五项世界艺术蛋糕大赛金奖，被称为“中国翻糖界第一人”。翻糖本起源于西洋，但谁能想到洋人玩儿的玩意儿，竟然被周斐融入了中国元素，用来传播中国文化...</td>
</tr>
<tr>
<td><a href="#" >快来看看什么粽子这么好看，它竟是宁阳县传统的手工艺品(o゜▽゜)</a><br>山东宁阳彩粽是传统的手工艺品，来源于“缠画”，在此基础上发展成为宁阳吉祥彩粽。由于制作精美、寓意深刻，逐渐在社会上有了很大影响，形成了送彩粽习...</td>
</tr>
<tr>
<td><a href="#" >快来看看什么粽子这么好看，它竟是宁阳县传统的手工艺品(o゜▽゜)</a><br>山东宁阳彩粽是传统的手工艺品，来源于“缠画”，在此基础上发展成为宁阳吉祥彩粽。由于制作精美、寓意深刻，逐渐在社会上有了很大影响，形成了送彩粽习...</td>
</tr>
<tr>
<td><a href="#" >从中式翻糖到手工扎染，今天来扒一扒那些“国潮”文化</a><br>周斐乃何许人也？此人荣获五项世界艺术蛋糕大赛金奖，被称为“中国翻糖界第一人”。翻糖本起源于西洋，但谁能想到洋人玩儿的玩意儿，竟然被周斐融入了中国元素，用来传播中国文化...</td>
</tr>
</table>
</td>
</tr>
</table>
<hr width="80%" color="black">
欢迎朋友们一起交流，本站QQ群：111111111<br>
商务合作请联系邮箱：<I>173596341@qq.com</I>
</center>
</html>
扫一扫
819
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
