_javaScript_Html笔记

html 01

凡是实现单一功能的标签都要在内部进行闭合

html两个空格和四个空格是有区别的，当按流量传输的时候这个区别就会变的很明显

操作思想

为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作，标签就相当于一个容

器，对容器中的数据进行操作，就是再不断的改变容器的属性值。

特殊的标签

< 等于（=） < > = > & = &

" =" ® = 圈儿R （注册商标） © = 圈儿C（版权所有） ™ = 小字儿的TML   = 空格

html 02 列表标签

表格 用途 格式化数据

<table> 里面 cellspacing 单元格之间的距离 cellpadding 表格中的数据距离单元格的位置

<th> 标签中的内容自动居中加粗 同<td >中align=center <b>

<caption >表格中的内容 </..>

<th>中 加colspan = "2"; 合并单元格 居中

要是加rolspan就会是这样

这个表示第一行有两个单元格 第二行有一个单元格从左开始数

表格分体 提高表格加载速度 <tbady>这个可以定义N多个每个表格里面都有默认的的这个标签，这个标签下面才是<tr> <tr>下面才是 <th>

超链接

<a href=”http://www.badidu.com”>新浪</a>

<a href=”mailto:abc@sohu.com?subject=hahahah”>联系我们</a> //其中hahah是主题，Email地址是目的地址

超链接 加 target=”_blank” 新页面打开

表单要相当的熟

上传文件 <input type =”file”>

这其中的name属性石为了方便服务端获取数据用的

做一个图片放在那里也可以起到提交的作用跟submit一样

1get提交会把信息体现在地址栏上信息部安全 post不会显示

2地址栏的大小是有限的，所以当提交大数据的时候用post

3封装形式不一样

post将信息封装在数据体中

get封装在数据头上

经常用post 对于解码很方便

04html------------------------------------------

accesskey 快捷键 快速切换光标位置

pre 保留数据格式

<p> 段落标签 <sub>下标 <sup>上标

<marquee >默认从右往左滚动 空格的属性direction可以设置方向 behavior可以设置形式

<base href=”f:\abc\”> 所有文件都放在F下的abc文件夹里面便于修改 下面的文件地址可以不修改

meta标签 网页头部加里面有 http-equiv 属性可以设置

xml标签名是可以自定义的 是一种非常规范的语言 主要是对数据进行描述，

05回顾 正则表达式-------------------------------

正则对字符串操作的常见四种

1匹配 String matches(regex)

2获取（查找） Pattern p = Pattern.compile(regex);

Matcherm = p.matcher(String);

while(m.find()){

sop(m.group())

}

3切割 String split（regex）;

4替换 String replaceAll(regex,str);

示例 获取文档中的连续数字

String regex = “\\d{5,}”

Pattern p = Pattern.compile(regex);

Matcherm = p.matcher(String);

while(m.find()){

Strings = m.group()

//符合规则的都替换成#

s.replaceAll(regex,”#”);

}

网页爬虫

mail地址判断 String mailereg = “[a-zA-Z0-9_]{6,12}@[a-z0-9A-Z]+(+%29/]\\.[a-zA-Z]+)”;

超链接 <a>

另一个作用定位标记，<a name=”top”>一个位置</a> 想要回到这个位置中来则写一个

<a href=”#top”>回到一个位置 </a> 一点就回去了

表单标签

<form>表单标签中的元素

<input> 该标签因为type属性值的不同，所对应的组件也不一样。 type 属性

1 text 文本框，输入的文本可见，

2password 密码框，输入的文本不可见

3 radio 单选框，注意 单选框要被选中，必须要给单选框定义一个属性name当有多个单选框时只能有一个被选中，那么这些单选框的name必须相同

4 checkbox 复选框 当对多个数据进行同时选中时使用的

5 file 可以进行文件选择的组件，通常用于附件或者文件上传。

6 hidden 隐藏组件，该组件不会再页面上显示，但是其定义的name和value可以提交到服务端

7 button 按钮组件，自定义按钮默认是没有任何效果的，可以通过注册事件并加入自定义效果。

8 reset 重置按钮 将组件中被操作的效果还原到初始状态

9submit 提交按钮，将组件中添加的数据，提交到指定的目的地，

10 image 图像组件，为了避免提交按钮的难看，可以通过image的src属性连接一个好看的按钮图片完成提交效果。

下拉菜单 <select> 每一个下拉菜单项都有option进行封装

<select>

<option></option>

</select>

文本区域 <textarea>

表单组件通常都需要定义name和value属性，因为要将数据发送个服务端，服务端只有知道了该name的值才可以对提交的数据进行分别获取

form 标签中常见的属性

action指定数据提交的目的地，method提交方式 两种常用的值get 和post get为默认比如一个超链接，比如在地址栏写个地址然后提交

get 和post的区别

get 会将提交的数据显示在地址栏上，

post 不会将数据显示在地址栏

get 提交数据的体积受到地址栏的限制

post可以提交大体积数据，

get对于敏感信息不安全

post对于敏感信息安全

get会将提交信息封装在请求行也就是http消息头之前

post 会将提交信息封装在数据体中，也就是http消息头之后的空行后，

对于服务端而言 表单提交尽量用post因为涉及到了编码问题，对于post提交的中文，在服务端可以直接使用setCharacterEncoding(“gbk”)就可以解决

对于get提交的中文在服务端只能用ISO8859-1将数据编码一次，再通过制定的码表如GBK编码

因为tomcat默认的解码方式是ISO8859-1

使用表单的组件 不一定要定义form标签 只有需要将数据进行服务端的提交的时候才会用到form标签，action属性可以设置一下