北大青鸟HTML项目实战资源-CSDN文库

共38个文件

gif：21个

jpg：8个

htm：5个

需积分: 20 2 浏览量 2008-02-24 17:20:29 上传评论收藏 552KB RAR 举报

【北大青鸟HTML项目实战】是面向初学者和进阶者的一个重要学习资源，旨在通过实际操作提升学员的HTML（超文本标记语言）编写技能。HTML是构建网页的基础，是互联网上内容展示的核心语言，其语法简洁且强大，能够描述网页的结构与内容。在项目实战中，学员会接触到以下关键知识点： 1. **HTML基本结构**：学习HTML文档的开头与结尾标签，如`<!DOCTYPE html>`、`<html>`、`<head>`和`<body>`，理解这些标签的作用以及它们如何组织网页的整体结构。 2. **标题标签**：掌握不同级别的标题标签`<h1>`到`<h6>`，并学会根据内容的重要性来选择合适的标题层级。 3. **段落与换行**：了解`<p>`标签用于创建段落，`<br>`标签用于强制换行，这两者在文本内容布局中的应用。 4. **文本格式化**：学习使用`<b>`、`<i>`、`<u>`和`<strong>`、`<em>`等标签进行加粗、斜体、下划线和强调文本的样式处理。 5. **链接与图像**：掌握`<a>`标签创建链接，以及`<img>`标签插入图片，包括设置链接目标、图像源、alt属性等。 6. **列表类型**：理解无序列表`<ul>`、有序列表`<ol>`和定义列表`<dl>`的使用，以及子项`<li>`的嵌套。 7. **表格**：学习`<table>`、`<tr>`、`<td>`和`<th>`等标签，用于创建和编辑表格数据。 8. **表单元素**：掌握`<form>`、`<input>`、`<textarea>`、`<select>`、`<option>`等标签，用于创建交互式的网页表单，包括输入框、文本域、下拉列表等。 9. **框架与锚点**：了解`<frameset>`和`<frame>`用于页面分框，`<a>`标签的`#`引用用于页面内部跳转。 10. **HTML5新特性**：学习HTML5引入的新标签，如`<header>`、`<footer>`、`<nav>`、`<article>`、`<section>`等，提升网页语义化。通过北大青鸟的这个项目，学员将有机会实际编写网页，理解HTML代码与浏览器渲染之间的关系，提升问题解决能力。实践过程中，可能还会涉及到CSS（层叠样式表）和JavaScript的初步应用，以实现更丰富的页面效果和交互功能。在ST压缩包文件中，可能包含了多个HTML示例文件、图片资源和其他辅助学习材料。学员应逐个打开文件，分析代码，模仿构建，并尝试创新，以巩固和深化所学知识。通过这样的实战训练，可以有效地将理论知识转化为实际操作能力，为今后的Web开发工作打下坚实基础。

资源推荐

资源详情

资源评论

收起资源包目录

ST.rar （38个子文件）

北打青鸟C语言在线.ppt 206KB

xiangmu

zhuce.htm 12KB

Templates

b.dwt 6KB

a.dwt 5KB

image

Male.gif 1KB

maintop.gif 14KB

Female.gif 2KB

email.gif 671B

article_ontop.gif 64B

banner1.jpg 31KB

logo.GIF 5KB

article_elite.gif 85B

announce.gif 161B

document.jpg 13KB

download.jpg 13KB

tianshi.gif 53KB

banner1.gif 84KB

NoPic.jpg 15KB

Star.gif 572B

jinshu.jpg 38KB

article_common.gif 85B

bookmark.gif 1KB

pac-man.gif 5KB

voteView.gif 224B

top_r1_c1.jpg 7KB

home.gif 441B

hot.gif 220B

Thumbs.db 69KB

banner.gif 81KB

D_1.gif 73B

arrow2.gif 826B

voteSubmit.gif 225B

banner.jpg 23KB

nologo.jpg 2KB

denglu.htm 20KB

jinshu.htm 736B

shouye.htm 21KB

yanzheng.htm 9KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>C语言在线</title> <script language="javascript"> function check() { var a=document.form2.mun1.value; var b=document.form2.mun2.value; if(a.length>15||a.length==0) { alert("用户名输入有误！"); return false; } if(b.length<6) { alert("密码输入错误！"); return false; } } </script> <style type="text/css">  </style>  <style type="text/css">  </style>  </head> <body> <tr><td colspan="4"><form name="form1" method="post" action=""> <table width="768" border="1" cellspacing="0" bordercolor="#FF3366"> <tr> <td width="762"><table width="762" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="17" colspan="3"> </td> </tr> <tr> <td width="148" rowspan="3"><img src="image/logo.GIF" width="148" height="60"></td> <td width="508" rowspan="3"><img src="image/banner.gif" width="500" height="64"></td> <td width="106" height="21"><img src="image/home.gif" width="16" height="16"> <a href="tianshi.htm"onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://jbtraining.com.cn')">设为首页</a></td> </tr> <tr> <td height="23"><img src="image/email.gif" width="16" height="17"> <a href="mailto:shangtao1984@sohu.com">联系站长</a></td> </tr> <tr> <td><img src="image/bookmark.gif" width="16" height="16"> <a href="javascript:window.external.addFavorite('http://jbtraining.com.cn','北大青鸟c语言在线')"">加入收藏</a></td> </tr> <tr> <td height="13" colspan="3"> </td> </tr> <tr bgcolor="#CCFFFF"> <td height="22" colspan="3">| <a href="tianshi.htm">首页</a> | <a href="tianshi.htm">基础知识 </a>| <a href="tianshi.htm">高级编程 </a>| <a href="tianshi.htm">算法研究</a> | <a href="tianshi.htm">编程资料</a> | <a href="tianshi.htm">网友原创</a> | <a href="tianshi.htm">其他相关</a> | </td> </tr> </table></td> </tr> <tr> <td height="17"><table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105"><img src="image/announce.gif" width="20" height="16"> 本站公告：</td> <td colspan="2"><marquee scrollamount="4" onMouseOver="this.stop()" onMouseOut="this.start()"> <a href="tianshi.htm">最受欢迎的编程资料打包下载！ [cuicui 2006年4月1日]</a>      <a href="tianshi.htm">第4届全国青鸟学员编程大赛即将开幕，报名从速！ [夏夏 2006年6月1日]</a>      <a href="tianshi.htm">欢迎大家踊跃投稿！ [LL 2006年2月14日]</a> </marquee> </td> </tr> <tr bgcolor="#CCFFFF"> <td height="23"><img src="image/arrow2.gif" width="6" height="7"> 您现在的位置：</td> <td width="395">C语言在线>>首页</td> <td width="260">今天是： <SCRIPT language=JavaScript type=text/JavaScript> var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday= mydate.getDate(); myyear= mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; if(myweekday == 0) weekday=" 星期日 "; else if(myweekday == 1) weekday=" 星期一 "; else if(myweekday == 2) weekday=" 星期二 "; else if(myweekday == 3) weekday=" 星期三 "; else if(myweekday == 4) weekday=" 星期四 "; else if(myweekday == 5) weekday=" 星期五 "; else if(myweekday == 6) weekday=" 星期六 "; document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday); </SCRIPT> </td> </tr> </table></td> </tr> </table> </form> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="182" height="368"> <form name="form2" method="post" action="a1.htm" onSubmit="return check()"> <table width="195" height="368" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF3366"> <tr> <td width="191"><table width="191" height="421" border="0" cellpadding="0" cellspacing="0"> <tr bgcolor="#CCFFFF"> <th height="16" colspan="2"><div align="center" class="style2">用户登录</div></th> </tr> <tr bgcolor="#CCFFFF"> <td height="20" colspan="2"><div align="center">用户名: <input name="mun1" type="text" id="mun1" size="14"> </div> </td> </tr> <tr bgcolor="#CCFFFF"> <td height="20" colspan="2"><div align="center">密码: <input name="mun2" type="password" id="mun2" size="14"> </div> </td> </tr> <tr bgcolor="#CCFFFF"> <td width="100" height="12"> </td> <td width="89"> </td> </tr> <tr bgcolor="#CCFFFF"> <td height="24"><div align="center"> <input name="mun3" type="submit" id="mun3" value="登陆"> </div></td> <td><div align="center"> <input name="mun4" type="reset" id="mun4" value="清除"> </div></td> </tr> <tr bgcolor="#CCFFFF"> <td height="12"> </td> <td> </td> </tr> <tr bgcolor="#CCFFFF"> <td height="23"><div align="center"><a href="yanzheng.htm">新用户注册</a></div></td> <td><div align="center">忘记密码?</div></td> </tr> <tr bgcolor="#CCFFFF"> <td> </td> <td> </td> </tr> <tr bgcolor="#CCFFFF"> <th height="25" colspan="2"><div align="center" class="style2">有奖投票</div></th> </tr> <tr bgcolor="#CCFFFF"> <td> </td> <td> </td> </tr> <tr bgcolor="#CCFFFF"> <td colspan="2"><div align="center"><strong>你认为本站做的怎么样?</strong></div></td> </tr> <tr bgcolor="#CCFFFF"> <td> </td> <td> </td>

评论收藏

内容反馈