大学生html5网页大作业（急求一份HTML5+ CSS3制作的网页制作作业，至少5页）
本文目录
- 急求一份HTML5+ CSS3制作的网页制作作业，至少5页
- 网页设计作业html5要做这个 需要用到css，怎么做呀
- 大神用HTML5做个网页
- html5网页制作+javascript
- html5+css网页大作业5个页面 简单一点
急求一份HTML5+ CSS3制作的网页制作作业，至少5页
我有，旅游类，美食、家乡、学校、蓝球、书法、个人主页.....
都有5页及以上、有JS有也有无JS的。要的找我。
网页设计作业html5要做这个 需要用到css，怎么做呀
这个光有css恐怕还不行，还得js结合，当然纯css3应该可以写出来的。百度搜鼠标滑过显示隐藏导航。
大神用HTML5做个网页
简单实现了一下，间距和颜色你自己调吧
《style》
.container {
width: 300px;
height: 400px;
border-radius: 10px;
background: #ddd;
border: 1px solid red;
}
.container h4 {
margin: 0;
padding: 15px;
text-align: center;
border-bottom: 1px dashed;
}
.container .subcontainer .title {
width: 55%;
padding: 15px 0;
margin: 5px 5px;
text-align: center;
float: left;
background: #0af;
border-radius: 5px;
box-shadow: 1px 3px 3px #aaa;
}
.container .subcontainer .title:nth-of-type(even) {
float: right;
}
《/style》
《div class="container"》
《h4》我是标题《/h4》
《div class="subcontainer"》
《div class="title"》特性1《/div》
《div class="title"》特性2《/div》
《div class="title"》特性3《/div》
《div class="title"》特性4《/div》
《/div》
《/div》
html5网页制作+javascript
《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8" /》
《meta http-equiv="X-UA-Compatible" content="IE=edge" /》
《title》计算《/title》
《meta name="viewport" content="width=device-width, initial-scale=1" /》
《/head》
《body》
《script》
function student(serialNumber, name, sex, birthday, score) {
this.serialNumber = serialNumber;
this.name = name;
this.sex = sex;
this.birthday = birthday;
this.score = score;
}
student.prototype.getAge = function() {
var birthday = new Date(this.birthday.replace(/-/g, "\/"));
var d = new Date();
var age =
d.getFullYear() -
birthday.getFullYear() -
(d.getMonth() 《 birthday.getMonth() ||
(d.getMonth() == birthday.getMonth() &&
d.getDate() 《 birthday.getDate())
? 1
: 0);
return age;
}
student.prototype.study = function() {
this.score++;
}
var obj = new student(1, ’张三’, ’男’, ’1990-01-01’, 65);
console.log(’入参：’, 1, ’张三’, ’男’, ’1990-01-01’, 65);
console.log(’年龄：’, obj.getAge());
obj.study();
console.log(’学习：’, obj.score);
obj.study();
console.log(’学习：’, obj.score);
var obj2 = new student(2, ’王五’, ’女’, ’1970-01-01’, 85);
console.log(’入参：’, 2, ’王五’, ’女’, ’1970-01-01’, 85);
console.log(’年龄：’, obj2.getAge());
obj2.study();
console.log(’学习：’, obj2.score);
obj2.study();
console.log(’学习：’, obj2.score);
obj2.study();
console.log(’学习：’, obj2.score);
《/script》
《/body》
《/html》
html5+css网页大作业5个页面 简单一点
多简单 ？
《style type="text/css"》
p{
color:#ccc;
font-size:20px;
}
《/style》
《p》你好《/p》
2：
《style type="text/css"》
*{
padding: 0;
margin: 0;
}
div{
background: #2B4D71;
color: #3aa21b;
position: absolute;
top: 300px;
left: 100px;
width: 300px;
height: 300px;
}
《/style》
《div》第二个《/div》
3：
《style type="text/css"》
*{
padding: 0;
margin: 0;
}
#divs{
background: #2B4D71;
color: #3aa21b;
}
《/style》
《div id="divs"》
《h3 onclick="Clicks()"》点我《/h3》
《/div》
《script》
function Clicks(){
alert("被点击了(点击事件)");
document.getElementById("divs").style="#0ff";
}
《/script》
/**
*剩下那俩你自己随便改改就ok了
*/
本文相关文章：
2026年10月14日 16:20
网页历史记录保存天数（怎样将网页保存在历史记录中的天数设为30天）
2026年10月8日 16:10
html编写网页（谁能帮我用HTML语言做一个简单的网页代码就行）
2026年10月1日 10:40
动漫网页制作素材（如何制作简单一点儿的 电脑绘画 电脑动画 电子报刊 网页）
2026年10月1日 10:10
2026年10月1日 05:40
2026年10月1日 01:20
哪里可以做网页（哪里有帮人做网页的啊就是网络建站啊，不需要自己做的）
2026年9月28日 14:00
用asp制作动态网站（用FrontPage2003轻松制作ASP动态网页）
2026年9月27日 09:10
2026年9月22日 20:50
2026年9月15日 03:30
更多文章：
小型企业互联网解决方案（中小型制造企业如何借助工业互联网我们公司属于比较小的制造企业,资金有限）
2026年10月15日 12:00
2026年10月15日 11:40
2026年10月15日 11:30
2026年10月15日 11:10
不需要备案的服务器（请问下Yunlayer云服务器不备案能用吗）
2026年10月15日 09:40
2026年10月15日 04:50
2026年10月15日 04:40
2026年10月15日 03:40
2026年10月15日 02:30
2026年10月15日 01:40
