热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Web程序设计

Web概述Web的任务就是向人们提供多媒体网络信息服务web技术主要有三点:超文本传输协议(HTTP)、统一资源定位符(UR

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三部分组成



HTML语法


标签


标签必须是闭合的。闭合就是标签的最后要有一个“/”,来表示结束,但不一定成对出现 ,例如
单独出现,表示换行。

  标签的大小写无关。HTML语言中不区分大小写。



属性
语法格式


<标签名 属性名1 = "属性值" 属性名2 = "属性值">内容标签名>



注释


 



Html常用标签


标签HTML语言中最基本的单位,也是HTML语言最重要的组成部分



meta标签


文本标签


标题标签


内容



字体标签


内容



分隔标签


文字分隔标签


强制换行标签

强制分段标签

分割线标签




列表

列表分为四类:


无序列表(

    有序列表(

      定义列表(

      嵌套列表



站内链接通常是使用相对路径,当然也可以使用绝对路径,但是当网站的目录有所调整的时候,绝对路径可能就会出现问题



邮件链接


href="mailto:邮件地址">内容



锚链接


href="#锚点名称">内容



图像


<img src="url" />



超链接(hyperlink)常见的超链接形式有文字超链接、图像超链接和热区超链接三种



第2章  表格、表单和框架

表格标签的基本结构


单元格内容单元格内容


标签来创建表格,
标签内包含了表名和表格本身内容的代码。
表示行,行由若干单元格构成。
标签之中。 
多个单元格结合在一起构成了行,多个行结合在一起就构成了一个表格。 
 



HTML中有10个与表格相关的标签

标签定义了一个单元格,嵌套于
标签:定义一个表格。
标签:在表格中定义一行。
标签中。
标签:定义表格的表头。
标签:定义一段表格主体(正文),使用标签,可以将表格中的一行或几行合成一组,从而将表格分为几个单独的部分,一个标签就是表格中的一个独立的部分,不能从一个跨越到另一个中。
标签:定义表格的页脚(脚注)。
标签:定义表格中针对一个或多个列的属性值。只能在表格或colgroup标签中使用此标签。
标签:定义表格列的分组。通过此标签可以对列进行组合以便进行格式化,此标签只能用在
标签:定义一个表格标题,必须紧随table标签之后,且每个表格只能包含一个标题,通常这个标题会居中显示于表格上部。
标签:定义表格内的表头单元格。th元素内部的文本通常会呈现为粗体。
标签:定义表格中的一个单元格,包含在
标签内部。
标签来创建表格,
标签内包含了表名和表格本身内容的代码 
 


 


表单由三部分组成:


表单标签

表单域

表单按钮



创建表单三个要素:表单控件、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系统中的正则表达式,并提供了学习的参考资料。 ... [详细]
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 云原生边缘计算之KubeEdge简介及功能特点
    本文介绍了云原生边缘计算中的KubeEdge系统,该系统是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于Kubernetes构建,并为网络应用程序提供基础架构支持。同时,KubeEdge具有离线模式、基于Kubernetes的节点、群集、应用程序和设备管理、资源优化等特点。此外,KubeEdge还支持跨平台工作,在私有、公共和混合云中都可以运行。同时,KubeEdge还提供数据管理和数据分析管道引擎的支持。最后,本文还介绍了KubeEdge系统生成证书的方法。 ... [详细]
  • 本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ... [详细]
  • 本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • 本文介绍了在Windows环境下如何配置php+apache环境,包括下载php7和apache2.4、安装vc2015运行时环境、启动php7和apache2.4等步骤。希望对需要搭建php7环境的读者有一定的参考价值。摘要长度为169字。 ... [详细]
  • 浏览器中的异常检测算法及其在深度学习中的应用
    本文介绍了在浏览器中进行异常检测的算法,包括统计学方法和机器学习方法,并探讨了异常检测在深度学习中的应用。异常检测在金融领域的信用卡欺诈、企业安全领域的非法入侵、IT运维中的设备维护时间点预测等方面具有广泛的应用。通过使用TensorFlow.js进行异常检测,可以实现对单变量和多变量异常的检测。统计学方法通过估计数据的分布概率来计算数据点的异常概率,而机器学习方法则通过训练数据来建立异常检测模型。 ... [详细]
  • 本文介绍了九度OnlineJudge中的1002题目“Grading”的解决方法。该题目要求设计一个公平的评分过程,将每个考题分配给3个独立的专家,如果他们的评分不一致,则需要请一位裁判做出最终决定。文章详细描述了评分规则,并给出了解决该问题的程序。 ... [详细]
author-avatar
wei5xiao5zou6bian6tian
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有