html期末作业三个网页(html网页设计期末大作业)
今天给各位分享html期末作业三个网页的知识,其中也会对html网页设计期末大作业进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、求一个html的网页期末作业要求至少五个页面,,,内容可以是个人博客...反正积极向上的都行 。。 谢谢
- 2、用HTML+CSS+JS设计三个页面
- 3、谁能帮我制作一个简单的html网页 要求一个主网页 三个子网页
- 4、求一个HTML静态网站,内容不限,但要积极向上,期末考试作业,站点至少要有三层结构,至少10个以上网页
- 5、使用HTML制作网页,要求3个网页互通,每个网页有图有文字有超链接!
求一个html的网页期末作业要求至少五个页面,,,内容可以是个人博客...反正积极向上的都行 。。 谢谢
这个比较简单,很多都可以去下载到的!不过下载的很多都是写的比较高级,看起来不像作业,不知道你具体的需求是怎样的,是简单的DIV+CSS还是html5+css3的,又或者是带有后台程序的!
用HTML+CSS+JS设计三个页面
用PHP做过一个,你照着这个换成JS的就可以了:
下面为login.php:
?php
session_start();
unset($_SESSION['name']);
mysql_connect("localhost", "root" ,"Changsha01") or die("Could not connect");
mysql_select_db("test") or die("Could not use db");
if (isset($_POST['submit'])) {
$name = trim($_POST['name']);
$password = trim($_POST['password']);
if (empty($name) || empty($password)) {
$flag = true;
}else {
$query = "SELECT password FROM users WHERE login_name = '" . $name . "'";
$result = mysql_query($query);
$row = mysql_fetch_array($result, MYSQL_ASSOC);
if ($password == $row['password']) {
$_SESSION['name'] = $name;
header("location: index.php");
} else {
$flag = true;
}
}
}
?
html
headtitlemy document/title/head
body
form action="login.php" method=post
table align="center" border="0" style="padding-top:300px"
tr
td align="right"Name:/td
tdinput type="text" name="name"/td
/tr
tr
td align="right"Password:/td
tdinput type="password" name="password"/td
/tr
?php
if (isset($flag)) {
?
tr
td colspan="2"font color="red"Wrong Login or Password/font/td
/tr
?php
}
?
tr
tdnbsp/td
/tr
tr
td colspan="2"input type="submit" name="submit" value="submit"nbspinput type="reset" value="clear" /td
/tr
/table
/form
/body
/html
下面为Success.html:
html
headtitleSucess/title/head
body
bSucess/b
/body
/head
下面为Failed.html:
html
headtitleSucess!/title/head
body
bFailed!/b
/body
/head
谁能帮我制作一个简单的html网页 要求一个主网页 三个子网页
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
body
a href=""注册/a
a href=""登录/a
a href=""帮助/a
/body
/html
三个a标签不就行了
求一个HTML静态网站,内容不限,但要积极向上,期末考试作业,站点至少要有三层结构,至少10个以上网页
1、在本地做一个静态网站就行啦
2、网站需要10个左右的网页
3、要有导航条,超链接,每一页面都能返回到首页
4、表单的应用
5、多媒体及表格等的应用
6、行为事件的应用
7、活动字幕效果
细数一下:10个页面,7个要求,20悬赏,还要加急。
总结一下:我们网站工作者虽说大部分都是IT屌丝男,但也没廉价到20悬赏分...
奉劝一句:这个付人民币做,最普通的那种,也得1000起,还是用模板。
最后那句:如效果好,另有悬赏。收起来吧!上学不好好学,考试了啥都不会,哎...
使用HTML制作网页,要求3个网页互通,每个网页有图有文字有超链接!
说先,做一个普通的网页,并且在网页中插入一张图片。
代码入下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
body
img src="./test.jpg"
/body
/html
2
那么,如何添加超链接呢?这就要用到a标签来完成。
那么,如何给图片添加超链接呢?只要把img标签放在a和/a之间就可以了。
而a标签又有一个参数:href.该参数用来指定链接的地址,假设我们要链接到百度。那么更改代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
body
a href=""img src="./test.jpg"/a
/body
/html
3
保存后点击该网页。之后,点击网页上图片。看,成功连接到了百度。
4
上诉步骤,有一个要点!
href的值不能使。否则会出错。必须要写绝对地址;才可以!
END
二.热区链接
上诉时最普通的链接方式,其实要有一种更高级的连接方法。
在HTML中,可以把图片划分为多个热点区域,然后让每一个热点区域分别链接到不同的地方!
厉害吧!
首先看代码:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
body
img src="./test.jpg" usemap="#mymap"
map name="mymap"
area shape="rect" coords="0,0,20,20" href="" title="梅园"
area shape="rect" coords="30,30,20,20" href="" target="_blank" title="a园"
/map
/body
/html
下面来分析代码:
1)img src="./test.jpg" usemap="#mymap"
意思是,在该图片中,使用名为mymap的映射图像名称。
2)map name="mymap"
意思是,定义热区图像,名称为mymap
3)area shape="rect" coords="0,0,20,20" href="" title="梅园"
意思是,对map的一个热区点进行定义。rect代表矩形,coords代表热区图标,href为需要连接的地址。
OK,剩下的语法都没什么好说的了。
接着,打开网页,可以发现,当把鼠标放在左上角的时候,鼠标会变成“手”的形状。点击,变会进入相应的链接。
当然,下图标的并不太准确,但大概是这么个位置,供参考。
5
这里再补充一点:
shape的取值可以有多个:
1)rect:刚用了,代表矩形,他后面的坐标为4个,前两个为坐上坐标(x,y),后两个为右下坐标
2)circle:圆形的坐标。后面的坐标为3个。前两个为圆形的坐标,最后一个为半径。
当然,还有许多其他的,就不列举了,所谓边越多,则坐标越多,不难理解吧。
关于html期末作业三个网页和html网页设计期末大作业的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。