"HTML期末设计代码篇:参考文档与实用效果图分享"

18 浏览量更新于2024-01-19 收藏 84KB DOCX 举报

white;margin-top: 10px;margin-bottom: 10px;margin-right: 20px;border: 1px solid #ccc;)^游戏规则1. 参与者发言时请严格按照老师上课所讲内容及时发言 2. 参与者应在规定的时间内完成任务，如有特殊情况需向老师请假 3. 未经允许不得私自更改代码，一经发现将取消资格^任务分工任务一：负责网页整体布局和设计任务二：完成网页导航栏和底部任务三：设计网页的图片和文字内容任务四：整合网页，完成最终优化^HTML代码```<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>期末设计代码</title> <style> #header { text-align: center; padding: 20px; background-color: #f2f2f2; color: #333; } #nav { background-color: #333; color: white; text-align: center; padding: 10px; } #nav a { text-decoration: none; color: white; margin: 0 10px; } #nav a:hover { color: yellow; } #content { padding: 20px; } #footer { background-color: #333; color: white; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <div id="header"> <h1>欢迎来到期末设计网页</h1> </div> <div id="nav"> <a href="#">首页</a> <a href="#">关于我们</a> <a href="#">产品展示</a> <a href="#">联系我们</a> </div> <div id="content"> <h2>网页内容</h2> <p>这是一个中规中矩的网页，通过HTML和CSS完成了整体布局和设计，包括导航栏、内容展示和底部信息。</p> </div> <div id="footer"> <p>版权所有 © 2022</p> </div> </body> </html> ``` HTML期末设计代码篇.docx；HTML期末设计代码篇.docx;HTML期末设计代码篇事先声明这个网页设计也就是用了我学到的知识做的一个中规中矩的网页，可以给以后的大一新生们做个参考，和商业网站的效果肯定是没得比的，期望太高的可以关掉了引入页效果图:video (height: 400px;width: 570px;padding-left: 5px; padding-top: 5px;)^picture (height: 390px;width: 945px;float: right;background-color:

</div><div id=〃picture”〉

<img src="img/l 小图.jpg” /><img

style="float: right;width:

435px;〃 src

=，，

img/祖马龙动画 1. gif” /></div>

</div>

<audio id=〃audiol〃 autop 1 ay

=/，

autopiay

z，

src

=z，

music/Richard

Sanderson - Reality. flac

preload>对不起，您的浏览器不支持HTML5音频API

</audio><footer>

</html>分页一

剩余44页未读，继续阅读

yyyyyyhhh222

粉丝: 446
资源: 6万+

"HTML期末设计代码篇:参考文档与实用效果图分享"

html期末考试题.docx

HTML语言与网页设计期末考试题.docx

关于组织参加“第八届‘泰迪杯’数据挖掘挑战赛”的通知-4页

PyMySQL-1.1.0rc1.tar.gz

技术资料分享CC2530中文数据手册完全版非常好的技术资料.zip

docker构建php开发环境

VB程序实例59_系统信息_显示分辨率.zip

pytz-2016.7-py2.6.egg

VB程序实例-为程序添加快捷键.zip

画2、3维的隐含数111111111111

最新资源