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]+(\\.[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属性可以设置一下