本文作者:qiaoqingyi

html期末作业三个网页(html网页设计期末大作业)

qiaoqingyi 2023-02-25 868

今天给各位分享html期末作业三个网页的知识,其中也会对html网页设计期末大作业进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

求一个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期末作业三个网页(html网页设计期末大作业)

谁能帮我制作一个简单的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网页设计期末大作业的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

阅读
分享