html、css、js课堂作业英雄联盟资源-CSDN文库

共45个文件

jpg：30个

html：7个

bak：5个

需积分: 9 25 浏览量 2022-11-23 10:36:59 上传评论收藏 740KB RAR 举报

在IT行业中，HTML（HyperText Markup Language）、CSS（Cascading Style Sheets）和JavaScript是构建网页和实现交互性不可或缺的三大核心技术。这个“html、css、js课堂作业英雄联盟”项目，显然是一份用于教学或自我提升的学习资料，旨在通过实践来加深对这三门语言的理解，特别是结合热门游戏“英雄联盟”的主题，使学习过程更具趣味性。 HTML是网页内容的基础，它是用来结构化和标记网页内容的标记语言。在“html”子文件中，我们可能会看到如`<html>`、`<head>`、`<body>`、`<title>`、`<h1>`到`<h6>`（标题标签）、`<p>`（段落标签）、`<a>`（链接标签）等元素，这些都是创建网页的基本构建块。通过这些元素，可以组织文本、图像和其他媒体，构建出完整的网页结构。 CSS则负责网页的样式和布局。在“css”子文件中，学习者可能学会了如何使用选择器（如类选择器 `.class`、ID选择器 `#id` 或元素选择器 `element`）来指定样式，如改变字体、颜色、背景、边距、布局等。CSS还支持盒模型（Box Model），包括内边距、边框、外边距，以及流体布局、响应式设计，使得网页在不同设备上都能有良好的显示效果。 JavaScript是一种强大的客户端脚本语言，它为网页增加了动态功能和交互性。在“js”子文件中，学习者可能编写了函数、事件监听器、DOM操作等代码，以实现如按钮点击响应、表单验证、动画效果、页面动态更新等功能。JavaScript还可以利用库和框架（如jQuery、React、Vue等）进一步提高开发效率。结合“英雄联盟”这个主题，学习者可能创建了一个模拟游戏界面或者展示了与游戏相关的数据，比如英雄介绍、技能展示、比赛记录等。这样的实践项目不仅能帮助理解基础知识，还能培养解决问题和创新思维的能力。这个“html、css、js课堂作业英雄联盟”项目是一个综合性的练习，涵盖了前端开发的核心技术，有助于学习者全面理解和掌握网页制作的过程，同时将游戏元素融入其中，提高了学习的趣味性和实用性。通过这样的实践，不仅可以提升技术技能，还能锻炼项目管理和团队协作能力，对于未来进入IT行业，尤其是前端开发领域，有着极大的帮助。

资源推荐

资源详情

资源评论

收起资源包目录

html、css、js课堂作业英雄联盟.rar （45个子文件）

html、css、js课堂作业英雄联盟

style

style.css.bak 4KB

style.css 4KB

相关英雄.html.bak 5KB

英雄属性.html 5KB

index.html 5KB

英雄技能.html 5KB

英雄台词.html 5KB

使用技巧.html.bak 5KB

英雄皮肤.html 5KB

使用技巧.html 5KB

index.html.bak 5KB

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>网站首页</title> <style type="text/css"> .b h4{ line-height:60px; margin-left:20px;} .b p{ margin-top:10px;margin-left:20px;} .c p{ margin-top:40px; margin-left:20px;} .d h3{line-height:40px;margin-left:10px;} .e img{width:40px;height:40px;} .f ul{ list-style-type:none;} </style> <link rel="stylesheet" href="style/style.css" type="text/css"> </head> <body> <header class="nav"> <ul> <li><a href="index.html">网站首页</a></li> <li><a href="英雄属性.html">英雄属性</a></li> <li><a href="#">使用技巧</a></li> <li><a href="#">英雄台词</a></li> <li><a href="#">英雄技能</a></li> <li><a href="#">英雄皮肤</a></li> <li><a href="#">相关英雄</a></li> </ul> </header> <section class="centter"> <div class="left"> <div class="t"> <img src="images/photo.jpg" width="160" height="160" > </div> <div class="b"> <h4><font size="5px" color="#ffcc66">德玛西亚之力</font></h4> <p><font size="2px" color="#ffcc66">德玛西亚之力盖伦是《英雄联盟》中的一位代表性英雄。他在国服作为永久免费英雄登场。</font></p> </div> <div class="c"> <p>粉丝：10000 <br>私信 相册 存档</p> </div> <div class="d"> <h3>最新照片</h3> </div> <div class="e"> <img src="images/01.jpg" width="30" height="30" > <img src="images/02.jpg" width="30" height="30" > <img src="images/03.jpg" width="30" height="30" > <img src="images/04.jpg" width="30" height="30" > <img src="images/05.jpg" width="30" height="30" > <img src="images/06.jpg" width="30" height="30" > <img src="images/07.jpg" width="30" height="30" > <img src="images/08.jpg" width="30" height="30" > </div> <div class="d"> <h3>标签</h3> </div> <div class="f"> <a href="#">护盾</a> <a href="#">上单</a> <a href="#">坦克</a> <a href="#">战士</a> <a href="#">近战</a> </div> </div> <div class="right"> <div class="r"> <img src="images/titlebg.png" width="35" height="35"> <p >背景故事</p> </div> <div class="n"> <p >在瓦洛兰大陆，虽然人们对德玛西亚的军纪存在争议，但是相同点是所有人都尊敬它。平民和士兵都严格遵守着"零容忍"的准则。这意味着在战斗中徳玛西亚军队永远不会找借口托辞、逃跑、或者投降。至高的军队领袖们强力地执行着这些原则。</p> <p>盖伦——拥有"德玛西亚之力"头衔的英勇勇士，就是军队的模范。成千上万的英雄在德玛西亚和诺克萨斯（德玛西亚的敌对阵营）战场上浴血奋战，战死沙场。在军旗下，盖伦遇到了旗鼓相当的对手——不祥之刃卡特琳娜。那些参与战争且幸存下来的士兵们认为，盖伦和卡特琳娜的对战不像是在打斗，而像跳舞。</p> <p>盖伦是德玛西亚军队的骄傲，是无畏先锋军团的领袖。生平第一次气喘吁吁地从战场归来，尽管有人认为他并非因为实力悬殊才输掉战斗。那时候流言甚嚣尘上。此后，盖伦会抓住每次和不祥之刃切磋的机会来证明自己。作为德玛西亚的道德模范，盖伦从不理会这些传言，因为他知道别人是无法理解他的。对真正的勇士而言，寻找一个旗鼓相当的对手是他的动力。如此美丽、与众不同的对手证明了他存在的价值。</p> <center><img src="images/text01.jpg" width="450" height="300"></center> <p >盖伦的前线战略——"杀敌的最好方法就是连他身边的人一起砍翻。</p> </div> </div> </section> <footer class="bottom"> <img class="pic" src="images/photo.jpg" width="200" height="200" > <div class="m"> <h4>德玛西亚之力</h4> <p>性别：男年龄：xx岁</p><br> <p >召唤师峡谷</p> </div> <hr width="900px" color="#ccccff" size="1px"> <h2>最近访客</h2> <div class="pic1"> <ul> <li><img src="images/s0.jpg" width="110" height="110"></li> <li><img src="images/s1.jpg" width="110" height="110"></li> <li><img src="images/s1.jpg" width="110" height="110"></li> <li><img src="images/s3.jpg" width="110" height="110"></li> <li><img src="images/s4.jpg" width="110" height="110"></li> <li><img src="images/s5.jpg" width="110" height="110"></li> <li><img src="images/s6.jpg" width="110" height="110"></li> <li><img src="images/s7.jpg" width="110" height="110"></li> </ul> </div> <div class="tao"> <p >Design by Tao Jiale</p> </div> </footer> </body> </html>

评论收藏

内容反馈