以下为《web技术与应用实验一》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

南京信息工程大学 Web技术与应用 实验(实习)报告

实验（实习）名称 HTML网页制作 日期 2021.10.18 得分 指导教师 马某某

系 计某某 专业 计某某 年级 19 班次 4 姓名 庞某某 学号 ***0170

一、实验目的

/

二、 实验内容与步骤

/

html代码：

百度糯米·便宜实惠，品质保证，服务专业！

麻辣烫/冒菜

美食

中餐/家常菜

夏日饮品

米某某，24元

沪上阿姨，12.90元

哆哆鲜奶吧，30元

黄记玉米汁，80元

创意菜/私房菜

联系客服人员：

  邮箱：***21@qq.com

  周一至周日：9：00-22：00

客服电话：（我的学号）  ***0170

结果截图：

/

2、在网页中创建表格

/

/

html代码：

body {

background-repeat: no-repeat;

background-size: 100%;

}

***收入

利用表格显示数据

***0170庞***2020年销售输入

产品/季度

一季度

二季度

三季度

四季度

Sass

1000

1200

8000

3000

LESS

5000

2500

4850

Stylus

5000

3000

4850

Myth

500

650

600

1200

SubTotal

6500

7350

12500

15950

Total

¥423,000.00

结果截图:

/

/

补充知识：

利用fieldset标记可以在网页上定义域，在表单中使用域可以将表单的相关元素进行分组。legend标记为fieldset标记定义域标题。

基本语法：

域标题内容

html代码：

登录页面

用户名：

密 码：

类 型：管理员

普通用户

记住密码

自动登录

 

结果截图：

/

/

Html代码：

* {

box-sizing: border-box;

}

#leftfloat {

float: left;

}

#words {

display: none;

}

希望工作地点：

上海

广州

西安

杭州

南京

重庆

天津

北京

月薪要求：

要求提供过渡住房

请选择应聘行业：

计算机硬件

计算机服务

通信/电信/网络设备

互联网/电子商务

网络游戏

电子技术/半导体/集成电路

仪器仪表/工业自动化

计算机软件

  

  

let show = document.getElementById('show');

let words = document.getElementById('words');

show.onclick = function (e) {

words.style.display = 'block';

}

words.size = 8;

words.onchange = function (e) {

var option = this.options[this.selectedIndex];

show.value = option.innerHTML;

words.style.display = 'none';

}

3.2结果截图：

/

/

html代码：

以上为《web技术与应用实验一》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。