html css xml,XML HTML CSS理论知识复习

1：XML理论知识

1.1 :  什么是xml？

.  首先我们了解它的全称：Extensible Markup Language  直译过来就是它， 可扩展标记语言。

.  XML 可扩展标记语言的实质是一段字符串(计算机好操作，工作人员方便阅读)。

1.2 :  为什么用xml？

.  现实生活中存在着大量的数据，尤其是现在21世纪，每一秒都会产生大量的数据，而这些数据往往存在着一定的关系，甚至有些数据还有着千丝万缕的关系，所以我们就希望再处理数据的时候能够保存和处理他们之间的关系。(形象的来说：就是你在手机上开了好多后台应用，我们希望我们在微信聊天的时候，使用微信登录的游戏还可以在后台运行，而使我们聊几句话后，在切换游戏的时候，不需要再次登录，而直接能进入已经登录好的页面)

1.3： xml是如何保存数据的？

.  我们既然使用xml处理数据，所以它就得拥有保存数据，毕竟有了数据才能处理数据。

.  所以在 xml 中我们有了 标签 的概念，在 xml 中用户可以自定义标签，它充满了灵活性。

.  每一个标签都可以用来描述一段数据；一个标签又分为开始标签和结束标签，在两者之间又可以嵌套其它标签，这样我们就可以利用嵌套关系来保存数据之间的上下关系。

.  有了标签，我们只是是相当于有了数据，我们还需要一个容器来存放数据，xml 数据我们可以放在记事本一类的文件中，只不过是需要将记事本一类的文件后缀换成 .xml。

1.4：XML 的两种应用场景

.  传输数据

:  之前我们说过 可扩展标记语言 xml 本质是一段字符串，除了方便计算机操作和工作人员阅读，它还具有跨平台的特性，因此 xml 还常常用来进行不同系统之间的数据交换。

.  用作配置文件

：这里也是利用了 xml 的在处理数据的同时也可以保留数据之间的关系的特点，所以有时候它经常被用作应用程序的配置文件。

1.5： xml 文档内部声明

.  对于 xml 文档声明，首先我们要记住，通常的 xml 文档必须包含且只包含一个文档声明；

.  并且该声明必须处在文档的第一行，并且前面不能有任何内容；

1.6： xml 元素

.  一个 xml 标签就是一个 xml 元素；

.  xml  中区分大小写；

.  xml 中不能以数字或者标点开头；

.  不能包含空格，名称中间不能包含冒号；

.  不能以 xml 三个字母开头；

1.7： xml 标签

.  一个xml文件有且仅有一个根标签；

.  一个标签分为开始标签和结束标签；

.  标签之间可以嵌套若干子标签，但是必须合理嵌套，并且不能交叉嵌套；

.  标签体：开始标签和结束标签之间的文本；

.  自闭标签： 一个不包含标签体也不包含其他元素的两个标签就可以合并成为自闭标签；

1.8：属性

.  一个标签有多个属性，每个属性都有他自己的名称和取值；

.  属性值必须使用 单引号 '' 或者 双引号 "" 引起来；

.  定义属性名必须遵循与元素相同的命名规范；

1.9.1： DOM  解析

.  DOM 解析是将整个 XML 文档使用类似树的结构保存在内存中，在对其进行操作；

.  DOM 解析可以方便的对 XML 文档中的数据进行 增删改查 操作；

.  DOM 解析的缺点一就是：需要等到 XML 完全加载进内存才可以进行操作；

.  DOM 解析的缺点二就是：耗费内存，当解析超大内存的 XML 是慎用；

1.9.2： SAX  解析

.  SAX 解析并不是官方标准，但他是 XML 社区事实上的的标准，几乎所有的 XML 解析器都支持它；

.  SAX 解析是逐行扫描 XML 文档，当遇到标签时触发解析处理器，采用事件处理的方式解析 XML；

.  SAX 解析在读取文档的同时即可对 XML 进行处理，不必等到文档加载结束，相当快捷；

.  不需要加载进内存，因此不存在占用内存的问题，可以解析超大 XML；

.  只能用来读取查看 XML 中数据，无法进行增删改；2：HTML理论

2.1：什么是 HTML？

.  超文本标记语言(XML 是可扩展标记语言) 最基础的网页语言；

.  强调一点：HTML 不是编程语言，而是一门标记语言；

.  HTML 使用标记(标签/元素)来描述网页内容的；

.  HTML 是文档的一种；

2.2：标签

.  HTML 中也存在自闭标签，和 XML 中的自闭标签一样；

.  标签通常都可以具有属性，属性与属性值用  "=" 连接，属性的值可以用双引号、单引号引起来；

2.3：font 标签

.  作用：用来指定文本的字体 / 大小 / 颜色;

.  常用属性： face(字体)、 size(大小)、 color(颜色)；

2.4：标题标签()

.  作用：指定特定样式字体的一组标签；

.  常用属性：align  :   指定文本的排列

left  (左对齐)

center (居中)

right (右对齐)

justify(对齐(对齐对象为上一个标题所处位置))

2.5：列表标签

.  作用：让内容看起来更加规整；

.  常用属性： 定义列表 ：                        有序列表：

1. 开启有序列表 列表的标题项                 
2. 定义列表中的项 列表的内容项                  start： 规定列表从第几项开始

   type： 定义列表数字的格式

   格式：1，a，A， i， I

   无序列表：

   • 定义一个无序列表
   • 定义列表中的项

     type：定义项目符号的类型

     类型：  disc square circle

     2.6：图像标签(img)

     .  作用：插入图片()；

     .  属性：必选属性：                                可选属性：

     src：图片的路径；                        width：宽度 px%       border ：边框的宽度 px

     alt ： 代替图像显示的文本；         height ：高度 px%

     2.7：超链接标签()

     .  作用：插入一个超链接，从而可以直接跳转；

     .  属性：href: 所指向资源的URL

     name: 指定锚的名字

     target: 指定浏览器打开目标URL的方式。

     _blank    在新窗口中打开目标url

     _self    在当前窗口中打开目标url

     2.8：表格标签 (

     .  作用： 创建一个表格；

     .  属性：

         ：      定义表格的标题                                     row 可横跨的行数

     定义表格中的单元格

     定义表格中的表头 table的重要属性:                                                                 tr重要属性： border 边框宽度                                                              align 对齐方式 cellspacing 单元格之间的空白                                       bgcolor 背景颜色 cellpadding 边框与单元格内容之间的距离              th/td重要属性： bgcolor 背景颜色                                                            align 对齐方式 bordercolor 边框颜色                                                     bgcolor 背景颜色 width 宽度                                                               width 宽度   height 高度 align 对齐方式                                                          colspan 可横跨的列数

     2.9：表单标签(form)

     .  作用：建立一个表单

     .  属性： 必须存在的属性:

     action: 指定表单发送的目标URL地址

     可选的属性:

     method: 指定以何种方式发送表单

     2.9.1： 输入框

     .  作用：实现一个输入框

     .  属性： type属性

     文本框 text 输入的文本信息直接显示在框中

     密码框 password 输入的文本以圆点或者星号的形式显示

     2.9.2： 文本域

     .  属性:

     rows 指定文本域的行数(高度)

     cols 指定文本域的列数(宽度)

     readonly 只读

     disabled 禁用

     2.9.3： 

     .  作用： select 提供下拉选择功能

     option 下拉选框中的选项 可以用value属性指定提交的值,如果不指定,将会提交标签内的文本

     .  重要属性:

     name: 下拉列表的名称

     size: 设置下拉选项中可见选项的个数

     disabled 禁用下拉选框

     multiple 是否支持多选

     2.9.4 :  GET提交和POST提交的区别：

     .    主要区别体现在数据传输方式的不相同

     a)GET提交: 请求参数会赋在地址栏后进行传输

     这种方式发送的数据量有限, 最大不超过1kb(或4kb)

     数据显示在地址栏, 安全性差

     b)POST提交: 请求参数在底层流中传输

     这种方式发送的数据量无限制

     地址栏上看不到数据, 比较安全

     3：CSS 理论知识

     3.1:CSS概述

     层叠样式表, 可以对html页面进行美化,实现了显示内容的html代码和展示样式的css代码的分离,增强了页面的展示能力

     3.2:在html页面中引入css样式的方式

     3.2.1: 通过标签上的style属性引入

     可以使用标签上的style属性为当前标签指定具体的css样式

     aaabbbccc

     适用于个别标签添加样式,不建议在页面中大量使用,不利于代码后期的维护

     3.2.2:通过style标签的方式引入

     在页面的

     标签中： 通过在标签内写css样式的方式引入css,

     可以将所有的样式代码集中统一管理,初步实现了样式和html代码的分离

     3.2.3:通过链接方式引入CSS样式

     在HTML页面的head标签中,通过一个标签引入外部的css文件的内容可以将所有的样式代码集中统一管理,真正实现了样式和html代码的分离

     3.3:基本选择器

     所谓选择器就是可以帮助我们在HTML中选择出想要修饰的标签的技术

     3.3.1:标签名选择器

     格式: 标签名{...}

     通过标签名选择器可以选中指定名称的标签进行样式的修饰

     3.3.2:类选择器

     class -- 通过HTML中通用的属性class, 可以为标签指定所属的类, class值相同的标签则为一类

     通过 .类名{} 的方式来为这一类的标签设置样式

     另外,可以为class指定多个值, 多个值之间用空格隔开, 表示一个标签属于多个类, 多个类的样式会同时作用到这个标签上

     3.3.3:id选择器

     id -- 通过HTML中通用的属性id, 特点是id的值在整个HTML中是独一无二的, 可以作为标签的唯一标识

     通过 #id值{} 的方式来为指定id值的标签设置样式

     优先级：id > class > 标签

     同类标签： 后出现的会覆盖前面出现的

     3.4:扩展选择器

     基于基本选择器进行更加复杂选择的选择器

     3.4.1:后代选择器

     在父选择器选择的元素内部, 选中指定的子孙元素, 进行样式的设置

     格式: 父元素选择器 子孙元素选择器{...}

     3.4.2:子元素选择器

     在父选择器选择的元素内部, 选中指定的子元素, 进行样式的设置

     格式: 父元素选择器>子元素选择器{...}

     3.4.3:分组选择器

     将多个选择器选中的元素统一进行样式的设置

     格式: 选择器1,选择器2,.....,选择器n{...}

     3.4.2:属性选择器

     选择具有指定属性条件的元素

     格式:　选择器[属性...]...{}

     3.4.5:相邻兄弟选择器

     如果两个元素具有相同的父亲，且紧邻在一起，则为相邻兄弟，可以通过相邻兄弟选择器选择紧邻A元素后的B元素

     格式: 大哥+小弟{...}

     3.4.6:伪元素选择器

     伪元素选择器选择的不仅仅是某个元素，而是某个指定状态下的元素。

     可以选中元素的如下状态

     :link 表示元素未被点击的状态

     :hover 表示光标移入的状态

     :active 表示元素被点击时的状态

     :visited 表示元素被访问过后的状态

     格式: 选择器:状态{}