作者:wei5xiao5zou6bian6tian | 来源:互联网 | 2023-07-18 20:13
Web概述
Web的任务就是向人们提供多媒体网络信息服务
web技术主要有三点:超文本传输协议(HTTP)、统一资源定位符(URL)、超文本标签语言(HTML)
超文本传输协议:是客户端浏览器或其他程序与Web服务器之间的应用层通信协议,用于实现客户端和服务器端的信息传输
统一资源定位符:用于完整的描述Internet上网页和其他资源地址的一种表示方法,实现互联网信息的定位统一标识。简单地说,URL就是Web地址,俗称网址;URL主要由三部分组成:协议类型、存放资源的域名或主机IP地址和资源文件名
语法格式:
protocol://hostname[:port]/path/[;parameters][?query]#fragment
protocol(协议):指定使用的传输协议,最常用的是HTTP协议
hostname(主机名):是指存放资源的服务器的域名或IP地址;
port(端口号):为可选项,省略时使用默认端口,如HTTP协议的默认端口是80;
path(路径):由零或多个“/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址;
parameters(参数):为可选项,可以用于指定特殊参数;
query(查询):为可选项,用于给动态网页传递参数,可以有多个参数,用“&”符号隔开,每个参数的名和值用“=”符号隔开;
fragment:字符串,用于指定网络资源中的片断。例如,一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。
超文本标签语言:是目前应用最为广泛的语言,也是构成网页文档的主要语言特点如下
简易性
可扩展性
平台无关性
一个基本的HTML文档由HTML、HEAD和BODY三部分组成
![](https://img3.php1.cn/3cdc5/653d/525/77dc136226cfc0c1.png)
HTML语法
标签
标签必须是闭合的。闭合就是标签的最后要有一个“/”,来表示结束,但不一定成对出现 ,例如
单独出现,表示换行。
标签的大小写无关。HTML语言中不区分大小写。
属性
语法格式
<标签名 属性名1 = "属性值" 属性名2 = "属性值">内容标签名>
注释
Html常用标签
标签是HTML语言中最基本的单位,也是HTML语言最重要的组成部分
meta标签
![](https://img3.php1.cn/3cdc5/653d/525/e540ab4e4a24b262.png)
文本标签
标题标签
内容
字体标签
内容
分隔标签
文字分隔标签
强制换行标签
强制分段标签
分割线标签
列表
列表分为四类:
无序列表(
站内链接通常是使用相对路径,当然也可以使用绝对路径,但是当网站的目录有所调整的时候,绝对路径可能就会出现问题
邮件链接
href="mailto:邮件地址">内容
锚链接
href="#锚点名称">内容
图像
<img src="url" />
超链接(hyperlink)常见的超链接形式有文字超链接、图像超链接和热区超链接三种
第2章 表格、表单和框架
表格标签的基本结构
标签来创建表格,标签内包含了表名和表格本身内容的代码。
表示行,行由若干单元格构成。
标签定义了一个单元格,嵌套于 |
标签之中。
多个单元格结合在一起构成了行,多个行结合在一起就构成了一个表格。
HTML中有10个与表格相关的标签
标签:定义一个表格。
标签:定义一个表格标题,必须紧随table标签之后,且每个表格只能包含一个标题,通常这个标题会居中显示于表格上部。
标签:定义表格内的表头单元格。th元素内部的文本通常会呈现为粗体。 | 标签:在表格中定义一行。
标签:定义表格中的一个单元格,包含在 |
标签中。
标签:定义表格的表头。
标签:定义一段表格主体(正文),使用标签,可以将表格中的一行或几行合成一组,从而将表格分为几个单独的部分,一个标签就是表格中的一个独立的部分,不能从一个跨越到另一个中。
标签:定义表格的页脚(脚注)。
标签:定义表格中针对一个或多个列的属性值。只能在表格或colgroup标签中使用此标签。
标签:定义表格列的分组。通过此标签可以对列进行组合以便进行格式化,此标签只能用在标签内部。标签来创建表格,标签内包含了表名和表格本身内容的代码
表单由三部分组成:
表单标签
表单域
表单按钮
创建表单三个要素:表单控件、action属性和method属性
表单域包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择和文件上传框,用于采集用户输入或选择的数据
表单按钮分为三类:提交按钮、重置按钮、普通按钮
第三章 CSS样式
样式规则
CSS定义由三部分构成:选择符(selector)、属性(properties)、属性的取值(value)
选择符
选择符用于指定需要修饰的元素
常用的选择符主要有三类:
HTML选择符
ID选择符
类选择符
CSS的使用方式
内嵌样式 内部样式表 外部样式表
伪对象
首行伪对象
selector:first-line {property:value...}
首字母伪对象
selector : first-letter {property:value...}
CSS样式属性
文本属性
/*文本属性设置*/
p{line-height:40px;word-spacing:4px; text-indent:30px;text-decoration:underline;text-transform:lowercase;margin:auto}
文字属性
font-size font-family font-style text-align
/*文字属性设置*/h3{font-family:隶书;font-weight:bolder;color:green;margin:auto}p{font-size:14px;font-style:italic;color:#8B008B;font-weight:bold}
背景属性
background background-image background-color
/*背景属性设置*/
body{background:url(images/background.jpg);background-repeat:repeat-x}
定位属性
边框属性
边框属性用来设置对象边框的颜色、样式和宽度
CSS页面美化
第4章 页面布局
DIV层
页面布局(表格布局、框架布局、DIV+CSS布局)
表格布局:布局容易、快捷且兼容性好;改动不方便,彼此之间容易受影响
框架布局:由框架和框架集两部分组成;框架是一种常用的网页布局排版工具
3种布局视图:标准、布局和扩展
Web网页标准构成包括:结构、外观、行为
DIV布局的优点:网页代码精简、提高页面下载速度、表现和内容相分离;缺点:过于灵活,比较难控制
第五章 Javascript基础
Javascript是一种基于对象和事件驱动的脚本语言,目的增强HTML页面的动态交互性
特点:嵌套在HTML中 环境支持 解释执行 弱类型语言 基于对象 事件驱动 跨平台性
编写Javascript步骤
利用任何编辑器(如Dreamweaver或记事本)创建HTML文档 。
在HTML文档中通过
引用Javascript文件
Javascript数据类型
常量:
数值型常量
字符串型常量
布尔型常量
变量:
命名规则
变量名必须以字母或下划线开头,其后可以跟数字、字母或下划线等;
变量名不能包含空格、加号、减号等特殊符号;
Javascript的变量名严格区分大小写;
变量名不能使用Javascript中的保留关键字。字符串型常量
Javascript是一种弱类型的语言、变量定义时不必指明具体类型,对于同一变量可以赋不同类型的变量值
根据变量的作用域可分为全局变量和局部变量
注释分为单行注释和多行注释
运算符分欸算术运算符、比较运算符和逻辑运算符
程序控制结构包括分支结构、迭代结构和转移语句
两种函数为内置的系统函数和用户自定义函数
第六章 Javascript对象
Javascript核心对象
Javascript语言是一种基于对象的语言,其核心对象主要有:
数组对象:数组是一种常用的额数据结构,可用来存储一系列数据
字符串对象:封装了一个字符串类型的值,并且提供了相应的操作字符串的方法
日期对象:可用来获取系统时间,并设置新的时间
数学对象提供了一些数学运算的属性和方法
自定义对象
原型
原型(prototype)是一种创建对象属性和方法的方式,所有的Javascript对象都只拥有只读的prototype属性
对象创建
对象的创建主要有JSON方式、构造函数方式、原型方式、混合方式
JSON是一种轻量级的数据交换格式,适合服务器和Javascript之间的数据交互
4、写一个函数判断字符串是否是回文字符串
5、创建一个表示学生的自定义对象,要求包含学号、姓名、性别、生日的属性,以及上课、上自习、考试的方法
通过构造函数的方式创建JS对象
第七章 DOM编程(document object model)
DOM特性
DOM是一种与浏览器、平台、语言无关的接口,编程人员可以访问页面中其他的标准组件
DOM是以层次结构组织的节点或信息片段的集合
DOM解决了Netscape的Javascript和Microsoft的Javascript之间的冲突
对于每一个页面
浏览器都会自动创建Window、Document、Location、Navigator和History对象
Document对象是指浏览器窗口中现实的HTML文档,核心地位,包含的属性是整个页面的属性,如表单对象、背景颜色、标题
Location对象用于提供当前打开的窗口的URL或特定框架的URL信息
Navigator是一个独立的对象,用于提供用户所使用的浏览器以及操作系统等信息
第八章 表单验证及特效
表单验证可以减轻服务器负担,提高系统效率
推荐阅读
-
本文介绍了Linux系统中正则表达式的基础知识,包括正则表达式的简介、字符分类、普通字符和元字符的区别,以及在学习过程中需要注意的事项。同时提醒读者要注意正则表达式与通配符的区别,并给出了使用正则表达式时的一些建议。本文适合初学者了解Linux系统中的正则表达式,并提供了学习的参考资料。 ...
[详细]
蜡笔小新 2023-12-13 14:24:45
-
今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ...
[详细]
蜡笔小新 2023-12-14 17:58:15
-
-
本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ...
[详细]
蜡笔小新 2023-12-14 14:37:52
-
最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ...
[详细]
蜡笔小新 2023-12-14 14:25:50
-
本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ...
[详细]
蜡笔小新 2023-12-14 17:15:19
-
本文介绍了云原生边缘计算中的KubeEdge系统,该系统是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于Kubernetes构建,并为网络应用程序提供基础架构支持。同时,KubeEdge具有离线模式、基于Kubernetes的节点、群集、应用程序和设备管理、资源优化等特点。此外,KubeEdge还支持跨平台工作,在私有、公共和混合云中都可以运行。同时,KubeEdge还提供数据管理和数据分析管道引擎的支持。最后,本文还介绍了KubeEdge系统生成证书的方法。 ...
[详细]
蜡笔小新 2023-12-14 16:49:01
-
本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ...
[详细]
蜡笔小新 2023-12-14 16:00:02
-
本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ...
[详细]
蜡笔小新 2023-12-14 15:56:00
-
本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ...
[详细]
蜡笔小新 2023-12-14 12:09:13
-
本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ...
[详细]
蜡笔小新 2023-12-14 10:06:19
-
本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ...
[详细]
蜡笔小新 2023-12-13 20:01:16
-
本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ...
[详细]
蜡笔小新 2023-12-13 17:39:50
-
本文介绍了在Windows环境下如何配置php+apache环境,包括下载php7和apache2.4、安装vc2015运行时环境、启动php7和apache2.4等步骤。希望对需要搭建php7环境的读者有一定的参考价值。摘要长度为169字。 ...
[详细]
蜡笔小新 2023-12-13 10:39:24
-
本文介绍了在浏览器中进行异常检测的算法,包括统计学方法和机器学习方法,并探讨了异常检测在深度学习中的应用。异常检测在金融领域的信用卡欺诈、企业安全领域的非法入侵、IT运维中的设备维护时间点预测等方面具有广泛的应用。通过使用TensorFlow.js进行异常检测,可以实现对单变量和多变量异常的检测。统计学方法通过估计数据的分布概率来计算数据点的异常概率,而机器学习方法则通过训练数据来建立异常检测模型。 ...
[详细]
蜡笔小新 2023-12-12 16:22:39
-
本文介绍了九度OnlineJudge中的1002题目“Grading”的解决方法。该题目要求设计一个公平的评分过程,将每个考题分配给3个独立的专家,如果他们的评分不一致,则需要请一位裁判做出最终决定。文章详细描述了评分规则,并给出了解决该问题的程序。 ...
[详细]
蜡笔小新 2023-12-14 13:00:09
-
wei5xiao5zou6bian6tian
这个家伙很懒,什么也没留下!