HTML期末大作业_html期末设计作业,html网页期末作业资源-CSDN文库

共51个文件

gif：22个

jpg：19个

html：5个

4星 · 超过85%的资源需积分: 50 17 浏览量 2012-11-24 20:47:17 上传评论 81 收藏 9.26MB RAR 举报

HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。这个“HTML期末大作业”显然涵盖了HTML的基础知识和应用技巧，对于学习者来说，无论是完成作业还是自我提升，都是一个宝贵的资源。 HTML的基本结构通常包括头部（head）和主体（body）。头部主要存放元数据，如页面标题、字符编码等；主体则包含实际展示给用户的内容，如段落、标题、图像等。在描述中提到的“稍加修改就可以作为自己的作业”，意味着这个作业可能包含了完整的HTML页面结构，可以作为模板进行个性化调整。 HTML标签是HTML的核心元素，它们告诉浏览器如何呈现内容。比如，`<h1>`到`<h6>`用于定义不同级别的标题，`<p>`用于创建段落，`<a>`用于创建链接，`<img>`用于插入图片，`<div>`用于定义文档中的分区或区块。标签通常是成对出现的，如`<tag>`和`</tag>`，但有些自闭合标签如`<br>`用于换行，`<img>`则只需要打开标签。在HTML中，我们还可以使用类（class）和ID（id）来为元素添加标识，以便于CSS（层叠样式表）进行样式控制。例如，`class="myClass"`或`id="myID"`。这在作业中可能是为了实现特定的布局或视觉效果。学习HTML时，了解表格（table）、列表（unordered list `<ul>`和ordered list `<ol>`）、表单（form）等常见元素的用法也很关键。表格用于组织数据，列表则可以有序或无序地呈现项目，表单则常用于收集用户输入，如文本框（`<input type="text">`）、密码框（`<input type="password">`）、按钮（`<button>`）等。在HTML5中，新增了一些语义化标签，如`<header>`、`<footer>`、`<nav>`和`<article>`，这些标签有助于提高网页的可读性和可访问性，让搜索引擎和屏幕阅读器更好地理解网页内容。此外，作业中可能还涉及了HTML与JavaScript的交互，JavaScript是一种常用的客户端脚本语言，可以用来增加网页的动态效果，如响应式交互、数据验证等。例如，通过`<script>`标签引入外部JS文件，或者在HTML中直接写入内联脚本。 “作业（2）”可能是指第二个作业文件，可能包含了一些更复杂或进阶的HTML实践，比如使用框架（如Bootstrap）、响应式设计、AJAX异步请求等。这些都会增加网页的用户体验和功能多样性。这个“HTML期末大作业”涵盖了HTML的基本结构、标签语法、样式控制、交互功能等多个方面，对于初学者来说，通过分析和修改这份作业，不仅可以巩固HTML基础知识，还能锻炼实际操作能力，对于期末考试准备非常有帮助。

资源推荐

资源详情

资源评论

收起资源包目录

作业（2）.rar （51个子文件）

作业（2）

images

main_08.gif 8KB

main_22.gif 4KB

main_05.gif 6KB

main_06.gif 3KB

main_21.gif 6KB

main_11.gif 4KB

main_16.gif 8KB

main_15.gif 8KB

main_20.gif 4KB

main_12.gif 4KB

main_03.gif 3KB

main_17.gif 6KB

main_09.gif 4KB

logo.jpg 17KB

main_07.gif 5KB

main_19.gif 9KB

main_04.gif 5KB

main_18.gif 6KB

main_02.gif 3KB

main_10.gif 2KB

main_13.gif 4KB

main_01.gif 429KB

main_14.gif 5KB

main.html 5KB

myphoto.html 3KB

music

Imusic.mp3 3.31MB

music.mp3 5.09MB

flash

me.swf 3KB

Myimages

pic

8.jpg 23KB

2.jpg 23KB

1.jpg 24KB

6.jpg 25KB

3.jpg 10KB

5.jpg 25KB

11.jpg 21KB

4.jpg 11KB

10.jpg 24KB

big.jpg 70KB

Thumbs.db 89KB

12.jpg 22KB

9.jpg 28KB

7.jpg 26KB

bj.jpg 81KB

more_l.jpg 1KB

more.jpg 1KB

big.jpg 131KB

me.jpg 44KB

mynote.html 5KB

music.html 4KB

style.css 5KB

message.html 2KB

<html> <head> <title>MyShip</title> <style type="text/css">  </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" leftmargin="175" topmargin="0" marginwidth="0" marginheight="0">  <bgsound src="music/music.mp3" loop="-1"> <table id="Table_01" width="1001" height="769" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="11"> <img src="images/main_01.gif" width="1000" height="605" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="605" alt=""></td> </tr> <tr> <td colspan="7"> <img src="images/main_02.gif" width="706" height="2" alt=""></td> <td rowspan="4"> <a href="music.html" onmouseover="window.status='音乐'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_03.gif" width="69" height="24" border="0" alt="听听我收藏的音乐吧~|~"></a></td> <td colspan="2" rowspan="5"> <a href="message.html" onmouseover="window.status='留言板'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_04.gif" width="170" height="27" border="0" alt="去给我留言"></a></td> <td rowspan="10"> <img src="images/main_05.gif" width="55" height="163" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td colspan="6"> <img src="images/main_06.gif" width="549" height="4" alt=""></td> <td rowspan="4"> <img src="images/main_07.gif" width="157" height="25" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="4" alt=""></td> </tr> <tr> <td rowspan="8"> <img src="images/main_08.gif" width="94" height="157" alt=""></td> <td rowspan="6"> <a href="main.html" onmouseover="window.status='首页'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_09.gif" width="108" height="34" border="0" alt="进入首页"></a></td> <td colspan="2"> <img src="images/main_10.gif" width="120" height="2" alt=""></td> <td rowspan="5"> <a href="mynote.html" onmouseover="window.status='我的日记'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_11.gif" width="118" height="31" border="0" alt="进入我的日记"></a></td> <td rowspan="4"> <a href="myphoto.html" onmouseover="window.status='摄影集'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_12.gif" width="109" height="24" border="0" alt="进入摄影集"></a></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td colspan="2" rowspan="5"> <a href="mydate.html" onmouseover="window.status='个人档案'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_13.gif" width="120" height="32" border="0" alt="进入个人档案"></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td rowspan="5"> <img src="images/main_14.gif" width="69" height="95" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/main_15.gif" width="157" height="92" alt=""></td> <td colspan="2" rowspan="4"> <img src="images/main_16.gif" width="170" height="92" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="images/main_17.gif" width="109" height="89" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="7" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/main_18.gif" width="118" height="82" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/main_19.gif" width="228" height="79" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="79" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/main_20.gif" width="120" height="44" alt=""></td> <td colspan="6"> <a href="http://www.baidu.cn" onmouseover="window.status='百度'; return true;" onmouseout="window.status=''; return true;"> <img src="images/main_21.gif" width="636" height="44" border="0" alt="有问题，找度娘~"></a></td> <td> <img src="images/main_22.gif" width="95" height="44" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="44" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="94" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="108" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="12" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="108" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="118" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="109" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="157" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="69" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="75" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="95" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="55" height="1" alt=""></td> <td></td> </tr> </table>  </body> </html>

评论收藏

内容反馈