《Java Web应用与开发（第2版）》-源码-庄国强.docxVIP

项目1

综合实训

设计一个简单的Web页面，展示个人简历信息，并使用HTML和CSS进行布局和样式设计。

!DOCTYPEhtml

html

head

title个人简历/title

style

body{font-family:Arial,sans-serif;}

.container{width:80%;margin:auto;}

header,section,footer{margin-bottom:20px;}

headerh1{text-align:center;}

section{background-color:#f0f0f0;padding:20px;border-radius:10px;}

.experience,.education{margin-bottom:10px;}

/style

/head

body

divclass=container

header

h1张三的简历/h1

/header

section

h2经验/h2

divclass=experience

h3前端开发工程师-某科技公司/h3

p2019年5月至今/p

ul

li负责公司产品的前端开发和维护。/li

li使用HTML、CSS和JavaScript等技术实现产品功能。/li

/ul

/div

/section

section

h2教育背景/h2

divclass=education

h3计算机科学与技术-某大学/h3

p2015年9月-2019年7月/p

/div

/section

footer

p联系方式:example@/p

/footer

/div

/body

/html

项目2

[例2.1]

第一个JavaScript程序。代码如下：

html

head

metacharset=utf-8

title/title

script

//弹出会话框

alert(HelloWorld!);

/script

/head

body

/body

/html

[例2.2]

定义多个script标签。代码如下：

html

head

metacharset=utf-8

title/title

script

alert(HelloWorld!);//第一个会话框

/script

/head

body

script

alert(HelloJavaScript!);//第二个会话框

/script

/body

/html

[例2.3]

document.write()语句使用示例。代码如下：

html

head

metacharset=utf-8

title/title

/head

body

script

document.write(HelloWorld!);//页面输出

/script

/body

/html

[例2.4]

定义外部JavaScript文件，代码如下：

alert(运行外部.js文件);

本外部js文件保存在js目录中。

在HTML文件中引用外部js文件，代码如下：

html

head

metacharset=utf-8

title/title

scriptsrc=./js/例2.4.js/s