web开发入门(2)课后习题+自主设计传统文化相关网页

1.完成形如如下页面。

效果截图:
web应用开发

实现代码:

<!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>&nbsp;
				<big>这是大字体</big><small>这是小字体</small>&nbsp;
				这是下标字体<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;以下是转义序列</B><br>
				&lt;小于号;&gt;大于号;&amp;与号;&quot;双引号;例如:a&gt;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>&nbsp;&nbsp;
					<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>
					&nbsp;&nbsp;
					<a href="index.html" style="text-decoration: none">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="jierifood.html" style="text-decoration: none">节日美食</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="yishu.html" style="text-decoration: none">艺术之风</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="mingren.html" style="text-decoration: none">名人事迹</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="meilijingse.html" style="text-decoration: none">魅力景色</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="gulaoshenhua.html" style="text-decoration: none">古老神话</a>&nbsp;&nbsp;</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>

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

纸梯先生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值