web开发技术重点

article/2025/9/30 0:34:08

一、单项选择

(30题共30分) 来自课后习题html、css

二、判断

(10题共10分) 来自课后习题html、css

三、简答题

(4题共20分) 八选四

P24          简述HTML代码书写规范

(1)标签可以嵌套使用,但要注意标签间的前后匹配,避免引起交叉而出现语法错误。

(2)HTML代码不区分大小写,但在一个项目中应尽量使用同一种风格,即选择大写或小写的一种。

(3)标签中的属性都会有其属性值,属性值用" "括起来

(4)编写代码时,为了便于阅读和理解网页结构,一般采用缩进风格。

    不同级的标签可以通过缩进显示其对应关系。

(5)HTML文件的类型名可以是.htm或者.html,一般用.html为扩展名。

(6)网站中的首页名一般是index.html或者default.html。

P20        HTML属性的语法要求

(1)每个属性都会有一个值,称为属性值。

(2)该值要用双引号括起来

(3)属性与属性之间要有至少一个空格的分隔距离。

(4)属性名与属性值要成对出现,缺一不可。

P102       CSS基本选择器和用法

P111        简述CSS盒子模型

  盒子模型是由内容、边框、填充、边界组成。

内容区域的大小由 width 和height 属性确定 ;padding属性是指内容与边框之间的间隙,分为上、右、下、左4个值;border 属性是指边框宽度,分为上、右、下、左4个值;margin属性是指边界,其属性值用来控制盒子与盒子之间的间隔,也分为上、右、下、左4个值。

P155        简述HTML表单三个组成部分

一个表单通常由三个部分组成,第一部分是表单标签<form>和</form>,这对标签之间的部分就是一个表单,标签的属性描述了处理表单数据所用 CGI 程序的 URL 以及数据提交到服务器的方法。

第二部分是表单域,也叫表单域,也叫表单控件,是表单内容在网页上的具体呈现形式,,这些控件包括文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

第三部分是表单按钮,包括提交按钮、复位按钮和一般按钮,用于将表单数据传送到服务器上的 CGI 脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

P135        简述div标记与span标记的区别

(1) div标记是块级元素,一般可包含较大的范围,在区域的前后会自动换行;而 span标记是内联元素,一般包含范围较窄,通常在一行内,在区城外不会自动换行。
(2) span 可以作为 div 的子元素,包含在div 元素中。但div 不能作为 span 的子元素,如果 span 中出现 div 不符合页面标准。
(3) span 元素的宽度是由被包围的内容宽度决定的,不建议给 span 设置宽度属性width,可以给 span 设置margin 值。

P215        简述JavaScript脚本特点

(1)它是一种脚本编程语言,采用小程序段的方式实现编程,是一种解释性语言,无须进行编译,在代码运行过程中被逐行地进行解释。它提供了一个简易的开发过程,与HTML 结合在一起,方便用户使用操作。它的数据是弱类型的,未使用严格的类型检查。
(2)它是一种基于对象的语言,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
(3)它具有简单性,它的基本语句和控制流设计简单而紧凑,它的变量类型采用弱类型

P254        简述JavaScript事件分为哪些类型

(1)鼠标事件,是指用户使用鼠标操作网页元素时触发的事件。鼠标事件又分为两
种,一种是追踪鼠标当前位置的事件,如 MouseOver、MouseOut 等;另一种是追踪鼠标被
单单击的事件,如 MouseUp、MouseDown、Click 等。常见的鼠标单击、双击、文本框选择、
单选按钮、复选框按钮选中、移人或移出及在特定区域上盘旋都会触发鼠标事件。
(2)键盘事件,是指用户在键盘上按键、输人时引发的事件。键盘事件负责追踪键盘
的按键何时按下或释放以及在何种上下文中被按下或释放,如 KeyDown、KeyUp 和
KeyPress 等事件。
(3) UI事件,用来追踪用户何时从页面的一部分转到另一部分,如获知用户何时在
-个表单中输人,如 Focus、Blur 等事件。
(4) 表单事件,是指与表单及表单元素上的交互有关的事件。Submit 事件用来追踪
表单何时被提交,Change 事件监视用户向元素的输人,Select 事件在<select>元素被更
新时被触发。
(5)窗口事件,是指当窗口发生变动或客户端与服务器端交互时触发的事件,如
Load、Unload 等事件。

四、CSS应用题

(div布局) 例如正文发布区那个上机实验

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>茶叶</title><style type="text/css">#all{width: 600px;height: 620px;border: 2px solid #000;margin:0px auto;}#top{height: 61px;}#mid{height: 425px;}#left{width: 174px;height: 425px;float: left;}#left1{height: 143px;}#center{height: 142px;}#left2{height: 140px;}#right{width: 426px;height: 425px;float: left;/*text-align: center;*/}#bott{height: 134px;}</style>
</head>
<body><div id="all"><div id="top"><img src="image\top.jpg"></div><div id="mid"><div id="left"><div id="left1"><img src="#"></div><div id="center"><marquee direction="up"><p>茶爽添诗句,</p><p>天清莹道心,</p><p>只流鹤一只,</p><p>此外是空林。</p></marquee></div><div id="left2"><img src="image\left2.jpg"></div></div><div id="right"><h4>未经许可不准卖安溪茶</h4>
<p>2016-3-20</p>
<p>(2016-03-20 13:27:38)</p>
<p>安溪县两项铁观音新政引起厦门茶商强烈反响</p>
<p>本报讯(记者 曾海林) 无须任何许可、租间小店就能卖安溪茶的时代可能即将结束。记者从近日召开的安溪县茶业产业工作会上获知,安溪县将在今年内推行“安溪铁观音经营许可制度”和“安溪铁观音产地确认制度”两项茶经营新政,让消费者买正宗安溪铁观音有了制度保障。</p>
<p>据悉,“安溪铁观音经营许可制度”经营资质设定要求,经营企业要在安溪境内拥有经确认的生产基地,个体工商户必须提供与安溪境内茶农或产品供应商的购销合同证明,生产经营企业要有评审室、质量检测及卫生保证设备,并且要有一定数量的茶业专业人才。</p>
<p>来源:厦门晚报</p></div></div><div id="bott"><img src="image\bott.jpg"></div></div></body>
</html>

五、JavaScript编程题

(2题共15分)数组+数据对象 的事件

时间滚动的例子

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>滚动时间</title>
</head>
<body>
<marquee dirction="up">
<script type="text/javascript">var cur=new Date();var y=cur.getFullYear();var m=cur.getMonth();var d=cur.getDate();var w=cur.getDay();var w1;if(w=1)     {w1="一";}else if(w=2){w1="二";}else if(w=3){w1="三";}else if(w=4){w1="四";}else if(w=5){w1="五";}else if(w=6){w1="六";}else if(w=7){w1="日";}document.write("今天是:"+y+"年"+m+"月"+d+"日"+"星期"+w1);</script>
</marquee>
</body>
</html>

六、综述题

10分送分题


http://chatgpt.dhexx.cn/article/Imrw9drN.shtml

相关文章

JavaWeb技术

目录 背景&#xff1a;B/S架构&#xff1a;静态资源&#xff1a;动态资源&#xff1a; Tomcat&#xff1a;Maven创建Web项目&#xff1a;使用骨架&#xff1a;Tomcat Maven插件 ServletServlet 执行流程Servlet 生命周期urlPattern配置Request请求参数中文乱码解决方案请求转发…

WEB技术与应用---概述

WEB技术与应用–概述 万维网 概述&#xff1a;万维网www&#xff08;world wide web&#xff09; 1.web模型 2.web客户端 3.web服务器 超链接&#xff1a; 超链接指向的资源可以处于lnternet的任一Web服务器之中&#xff0c; 利用超链接Web页面可以与其他Web页面进行关联。…

web各个技术

Web 知识框架 控制浏览器行为技术&#xff1a;HTML 、CSS 、JavaScript控制硬盘上数据库行为技术&#xff1a;MySql数据库服务器管理使用&#xff08;SQL重点&#xff09;、JDBC规范控制服务端Java行为技术&#xff1a;Http服务器、Servlet、JSP互联网通信流程开发规则&#…

Web技术的发展

定义&#xff1a; 本意是蜘蛛网和网的意思&#xff0c;在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式&#xff0c;即超文本&#xff08;hypertext&#xff09;、超媒体&#xff08;hypermedia&#xff09;、超文本传输协议&#xff08;HT…

WEB简介

WEB 一、Web简介 1、 简介 早期的web应用主要是静态页面的浏览&#xff0c;这些静态页面使用HTML语言编写&#xff0c;放在服务器上&#xff0c;用户使用浏览器通过HTTP协议请求服务器上的web页面&#xff0c;服务器上的web服务器软件接受到用户发送的请求后&#xff0c;读取…

Web开发

一、什么是Web开发? Web开发其实就是Web应用开发 在 PC&#xff08;Personal Computer&#xff0c;个人计算机&#xff09;刚兴起的年代&#xff0c;软件主要使用 C/S 架构&#xff08;Client/Server&#xff0c;客户端/服务器&#xff09;即应用运行在桌面上&#xff0c;而…

常见Web技术之间的关系,你了解多少?

引 ------------------------------------------------------------------------------------------------------------ 如果你是一个Web开发初学者&#xff0c;那么你难免会在网上搜索HTML&#xff0c;CSS&#xff0c;XML&#xff0c;JS&#xff08;Javascript&#xff09;&…

Web技术发展史

Web技术发展史 Web开发指的是网页系统开发&#xff0c;每次在浏览器中输入网址时&#xff0c;总会先输入www&#xff0c;这里其实是World Wide Web的简称&#xff0c;现在也简称Web&#xff0c;中文译为万维网。 Web设计初衷是一个静态信息资源发布媒介&#xff0c;通过超文本…

web前端主要技术概述

web前端主要技术概述 参考资料&#xff1a; 2018 Web 开发者路线图 2017年前端框架、类库、工具大比拼 本文主要是介绍部分主流和新兴的web前端技术&#xff0c;希望能帮助想学web前端的小白&#xff0c;理清其技术学习路线。 首先有些技能是web前端需要掌握的&#xff1a…

Web技术基础

前言 当我们还没有接触Web时&#xff0c;可能处理的都是静态网页如Html,这个网页的数据都是直接写在标签里写死的&#xff0c;那么如果我们要做类似淘宝的一个网站,数据每天都会更新&#xff0c;那么静态网页就不支持了&#xff0c;就需要从数据库里去拿数据&#xff0c;来用动…

web端基本技术点整理

1 WEB端概述 1.1 前端框架演变 https://blog.csdn.net/bjweimengshu/article/details/79563440 1.2 技术概览 https://blog.csdn.net/fighting_no1/article/details/79599806 1.3 学习路线 https://blog.csdn.net/zwjweb/article/details/78704342 https://blog.csdn.net/zwjwe…

数据可视化网页内容自动抓取工具

网页内容提取支持我们对公开的网页信息数据进行提取&#xff0c;如果通过人工对网页数据采集&#xff0c;是一个繁琐的工作&#xff0c;网页内容提取工具通过可视化的操作页面&#xff0c;模拟人工进行网页内容提取&#xff0c;能快速获取整个网站的对应元素。 网页内容提取工具…

抓取网站的5种方法

来自维基百科 Web爬虫&#xff08;有时也称为蜘蛛&#xff09;是一种Internet机器人&#xff0c;通常系统地浏览Web索引&#xff0c;以进行Web索引。 Web搜寻器以要访问的URL列表&#xff08;称为种子&#xff09;开始。搜寻器访问这些URL时&#xff0c;它会识别页面中的所有超…

如何抓取网页数据

如何抓取网页数据&#xff0c;每当我们在网上找到自己想到的数据&#xff0c;都需要复制粘贴或下载然后一步一步地整理。今天教大家如何快速地免费获取网页数据信息&#xff0c;只需要输入域名点选你需要的数据&#xff0c;软件全自动抓取。支持导出各种格式并且已整理归类。详…

爬取动态网页数据的软件-抓取动态网页数据的工具

爬取动态网页数据&#xff0c;随着时代的进步&#xff0c;互联网的发展&#xff0c;不管是企业还是个人都知道了数据的重要性。今天给大家分享一款免费爬取动态网页数据的软件。只要点点鼠标就能轻松爬取到你想要的数据&#xff0c;不管是导出还是自动发布都支持&#xff01;详…

工具说明书 - 网页内容抓取工具Web Scraper(一)

Web Scraper&#xff0c;官网自称为排名第一的网页抓取/提取插件&#xff0c;可以安装在Chrome和Firefox上。 安装路径&#xff1a; https://chrome.google.com/webstore/detail/web-scraper-free-web-scra/jnhgnonknehpejjnehehllkliplmbmhn?hlenhttps://chrome.google.com/…

如何进行网页抓取数据??

最近老是做导数据&#xff0c;有时候没有旧库了&#xff0c;我们可以从老网页抓取数据 主要思路&#xff1a;通过把网页转换成doc式的html,然后进行获取元素的值 我来写个案例&#xff1a; 这是目标网页&#xff1a; http://zxjg.yn.gov.cn/zxjg/gongshi?rowIndex1&re…

网页抓取及信息提取(三)

R星校长 第3关&#xff1a;网页数据分析 任务描述 下图是2016年国防科技大学分数线的网页&#xff0c;在浏览器中我们可以看到&#xff0c;各省的最高分、最低分、平均分都整齐地排列自在表格中。一个网页的源代码时常有成百上千行&#xff0c;其中很多代码都是为了布局页面样…

爬虫入门(五)抓取网页数据

前面已经实现了获取整个网页HTML的功能&#xff0c;并且在获取HTML的基础上&#xff0c;加上一些诸如&#xff1a;下载出错自动重试、用户代理、服务器代理、爬取深度、避免重爬、id遍历、链接遍历等进阶功能。而且在处理过程中也初步使用了正则表达式。 但是前面我们获取的HT…

网页抓取数据-网页抓取数据的软件免费

在互联网络的时代&#xff0c;信息如同大海般没有边际。甚至我们获取信息的方法已经发生改变&#xff1a;从传统的翻书查字典&#xff0c;继而变成通过搜索引擎进行检索。我们从信息匮乏的时代一下子走到了信息极大丰富今天。 随着互联网的发展及普及&#xff0c;互联网用户迅速…