“黑马程序员”正则表达式+html+css笔记
2013-07-05 13:28
197 查看
----- <a href="http://www.itheima.com" target="blank">android培训</a>、<a href="http://www.itheima.com" target="blank">java培训</a>、期待与您交流！ ----------
正则表达式：
是一种专门用于操作字符串的规则
通过一些符合来表示，简化对喜欢穿的复杂操作。
弊端：阅读性差。
常用的限定符
常用的元字符
常见的操作：
1.匹配，String matches(regex)//(Pattern,matcher)
2.获取（查找）：pattern,matcher
Patern p=Pattern.compile(regex)
Matcher m=p.matcher(String);
while(m.find()){
syso(m.group);
}
3.切割：String split(regex)
4.替换：String replaceAll(regex,str);
示例：
String regex="\\d{5,}";
Pattern p=Pattern.compile(regex);
Matcher m=p.matcher(String);
while(m.find()){
String s=m.group();
s.replaceAll(regex,"#");
}
网页爬虫：
通过网络以及io读取网页源文件，并通过规则获取网页中的符合规则的数据。
比如：mail爬虫
String mailreg="[a-zA-Z0-9_]{6,12}@[a-zA-Z0-9]+{\\.[a-zA-Z]+}+";
正则表达式中组的含义：将部分进行封装以便重用。\\num 反向引用指定组。
示例：
IP地址排序。
-------------------------------------
1.html:超文本标记语言。
html语言中是由标签组成的。
html中的数据都会封装在标签当中，因为可以通过标签中的属性值的改变对封装
内数据进行操作
确定html代码范围<HTML></HTML>
该范围中可以定义两部分一是：头：一是体
<html>
<head></head>
<body></body>
</html>
head：网页的一些属性信息。比如：标题
body:网页显示数据
标签特点：对于数据进行封装，那么久有开始标签和结束标签
但是也有一些标签只体现单一功能，所以不需要结束标签，规范中要求
标签必须要结束所以这样的标签在内部实现
标签格式：<标签名 属性名="属性值">数据</标签名>
<标签名 属性名="属性值"/>
-----------------------
常见标签：
1.字体：<font>
<font size="7" color="#ffff00">数据</font>
特殊的部分：如果要在页面显示一些特殊符号时，需要进行转义。
<: <
>: >
空格：
&： &
标题：<h1>...<h6>
--------------------------------------------
2.列表标签：<dl></dl>
上层项目：<dt>
下层项目：<dd>
项目符号标签：
<ul>
<ol>
这两个标
4000
签中的列表项都由<li>封装
示例：
1.游戏名称
a.星际
b.红警
2.游戏内容：
a.攻略
b.秘籍
<ol>
<li>游戏名称</li>
<ul>
<li>星际</li>
<li>红警</li>
</ul>
<li>游戏内容</li>
<ul>
<li>攻略</li>
<li>秘籍</li>
</ul>
</ol>
----------------------------
3.图像标签：<img>
<img src=""alt="图像说明文字"/>
4.表格标签：<table>
表格由行所组成，行由单元格所组成
表格中默认都有一个tbody标签
标题标签：<caption>
<table border="1" bordercolor="red" width="60%"
cellpadding="10" cellspacing="0">
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格是最常用的标签，用于对数据进行格式化
5.超链接 <a>
<a href="http://www.sina.com.cn" target="_blank" title="这是什
么属性呢？">新浪网站</a>
当被点击后，会启动引擎所对应的解析程序。
去查找指定的主机。
1.先找本地主机的hosts文件。如果没有找到该主机对应的ip地址
2.去找公网NDS服务器上找到对应ip地址。
<a href="mailto:abc@sofu.com?subject=haha&cc=qq@163.com">联系
我们</a>
当点击超链接时，就会出现邮件相关的解析程序，本机默认是outlook
超链接的另一个作用：
定位标记.
<a name="top">一个位置</a>
<a href="#top">回到那个位置</a>
6.表单标签：
该标签是可以和服务端进行交互的。（常用）
<form>
表单标签中的元素：
<input/>：该标签因为type属性值的不同。所对应的组件也不一样。
type属性：
1、text:文本框，输入的文本可见。
2.password:密码框，输入文本不可见。
3.radio:单选框，注意，要被选中必须要给单选框定义一个属
性name当有多个单选框时，只能有一个别选中那么这些单选框
的name值必须相同
4.checkbox:复选框，当对多个数据进行同时选中时。
5.file:可以进行文件选择组件，通常用附件，或者文件上传
6.hidden:隐藏组件，该组件不会页面上显示，但是其定义的
name和value可以提交到服务端。
7.button:按钮组件，自定义一个按钮默认是没有效果的，可
以通过注册事件并加入自定义效果
8.reset:重置按钮，将组件中被操作的效果还原到初始状态
9.submit:提交按钮，将组件中添加的数据提交到指定目的地
10.image：图像组件，为了避免提交按钮难看，可以通过
imgage和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解码。
使用表单的组件不一定要定义form标签。只有需要将数据进行服务端的
提交的时候才会用到form标签
------------------------------------------------------------------------------
css 层叠样式表。
将网页中的样式分离出来，完全有css来控制
增强样式复用性以及可扩展性
格式：
选择器（属性名：属性值；属性名：属性值。。。。）
css和html代码相结合的四种方式：
1.每一个html标签都有一个style属性。
2.当页面有多个标签相同样式时，可以进行复用。
<style>
css代码
</style>
3.当多个页面中的标签样式相同时，还可以将样式单独封装成一个css文件
通过在每一个页面中定义
<style>
@import url("1.css")
</style>
4.通过html中head标签中的link标签链接一个css文件
<link rel="stylesheet" href="1.css"/>
技巧:为了提高相同的样式的复用性以及可扩展性，可以将多个标签样式进行单
独定义，并封装成css文件。
p.css,dic.css...
在一个css文件中使用css的inport将多个标签样式文件导入
然后在html页面上，使用linl标签导入这个总的css文件即可。
1.css
@import url("p.css");
@import url("div.css");
<link rel="stylesheet" href="1.css"/>
------------------------------------------------
选择器：其实就是样式要作用的标签容器
当样式分离后，html作用在于用标签封装数据，让后将css加载到指定的标签上
选择器的基本分类：
1.标签选择器：html中的每个标签名
2.类选择器：每一个标签中的class属性，用.的形式表示。
只用来给css所使用，可以对不同进行相同的样式设定
3.ID选择器;每一个标签中的ID属性，但是要保证ID的唯一性。用#来表示
ID不仅被css所使用，而且可以被javascript所使用。
选择器的优先级：ID>class>标签
扩展选择器：
1.关联选择器：其实就是对标签中的标签进行样式定义。选择器 选择器
div b{}
2.组合选择器：对多个选择器通过逗号进行组合进行相同样式的定义
.z,p b{}
3.伪元素选择器：其实就是元素的一种状态。
a:link:超链接被点前状态。
a:visited:超链接点击后状态
a:hover:悬停在超链接上
a:active:点击超链接时
在定义这些状态时有一个顺序：L V H A
p:firset-letter
p:first-line
:focus:很遗憾，IE6不支持，但FF支持。
css过滤：其实通过一些代码完成丰富了样式。
当使用到CSS的更多属性时还需要查阅CSS api。
网页设计的时候。div+css
div:行级区域
span:块级区域
p:行级区域。p中不要嵌套div.
----- <a href="http://www.itheima.com" target="blank">android培训</a>、<a href="http://www.itheima.com" target="blank">java培训</a>、期待与您交流！ ----------
正则表达式：
是一种专门用于操作字符串的规则
通过一些符合来表示，简化对喜欢穿的复杂操作。
弊端：阅读性差。
| 代码/语法 | 说明 |
|---|---|
| * | 重复零次或更多次 |
| + | 重复一次或更多次 |
| ? | 重复零次或一次 |
| {n} | 重复n次 |
| {n,} | 重复n次或更多次 |
| {n,m} | 重复n到m次 |
| 代码 | 说明 |
|---|---|
| . | 匹配除换行符以外的任意字符 |
| \w | 匹配字母或数字或下划线或汉字 |
| \s | 匹配任意的空白符 |
| \d | 匹配数字 |
| \b | 匹配单词的开始或结束 |
| ^ | 匹配字符串的开始 |
| $ | 匹配字符串的结束 |
1.匹配，String matches(regex)//(Pattern,matcher)
2.获取（查找）：pattern,matcher
Patern p=Pattern.compile(regex)
Matcher m=p.matcher(String);
while(m.find()){
syso(m.group);
}
3.切割：String split(regex)
4.替换：String replaceAll(regex,str);
示例：
String regex="\\d{5,}";
Pattern p=Pattern.compile(regex);
Matcher m=p.matcher(String);
while(m.find()){
String s=m.group();
s.replaceAll(regex,"#");
}
网页爬虫：
通过网络以及io读取网页源文件，并通过规则获取网页中的符合规则的数据。
比如：mail爬虫
String mailreg="[a-zA-Z0-9_]{6,12}@[a-zA-Z0-9]+{\\.[a-zA-Z]+}+";
正则表达式中组的含义：将部分进行封装以便重用。\\num 反向引用指定组。
示例：
IP地址排序。
-------------------------------------
1.html:超文本标记语言。
html语言中是由标签组成的。
html中的数据都会封装在标签当中，因为可以通过标签中的属性值的改变对封装
内数据进行操作
确定html代码范围<HTML></HTML>
该范围中可以定义两部分一是：头：一是体
<html>
<head></head>
<body></body>
</html>
head：网页的一些属性信息。比如：标题
body:网页显示数据
标签特点：对于数据进行封装，那么久有开始标签和结束标签
但是也有一些标签只体现单一功能，所以不需要结束标签，规范中要求
标签必须要结束所以这样的标签在内部实现
标签格式：<标签名 属性名="属性值">数据</标签名>
<标签名 属性名="属性值"/>
-----------------------
常见标签：
1.字体：<font>
<font size="7" color="#ffff00">数据</font>
特殊的部分：如果要在页面显示一些特殊符号时，需要进行转义。
<: <
>: >
空格：
&： &
标题：<h1>...<h6>
--------------------------------------------
2.列表标签：<dl></dl>
上层项目：<dt>
下层项目：<dd>
项目符号标签：
<ul>
<ol>
这两个标
4000
签中的列表项都由<li>封装
示例：
1.游戏名称
a.星际
b.红警
2.游戏内容：
a.攻略
b.秘籍
<ol>
<li>游戏名称</li>
<ul>
<li>星际</li>
<li>红警</li>
</ul>
<li>游戏内容</li>
<ul>
<li>攻略</li>
<li>秘籍</li>
</ul>
</ol>
----------------------------
3.图像标签：<img>
<img src=""alt="图像说明文字"/>
4.表格标签：<table>
表格由行所组成，行由单元格所组成
表格中默认都有一个tbody标签
标题标签：<caption>
<table border="1" bordercolor="red" width="60%"
cellpadding="10" cellspacing="0">
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格是最常用的标签，用于对数据进行格式化
5.超链接 <a>
<a href="http://www.sina.com.cn" target="_blank" title="这是什
么属性呢？">新浪网站</a>
当被点击后，会启动引擎所对应的解析程序。
去查找指定的主机。
1.先找本地主机的hosts文件。如果没有找到该主机对应的ip地址
2.去找公网NDS服务器上找到对应ip地址。
<a href="mailto:abc@sofu.com?subject=haha&cc=qq@163.com">联系
我们</a>
当点击超链接时，就会出现邮件相关的解析程序，本机默认是outlook
超链接的另一个作用：
定位标记.
<a name="top">一个位置</a>
<a href="#top">回到那个位置</a>
6.表单标签：
该标签是可以和服务端进行交互的。（常用）
<form>
表单标签中的元素：
<input/>：该标签因为type属性值的不同。所对应的组件也不一样。
type属性：
1、text:文本框，输入的文本可见。
2.password:密码框，输入文本不可见。
3.radio:单选框，注意，要被选中必须要给单选框定义一个属
性name当有多个单选框时，只能有一个别选中那么这些单选框
的name值必须相同
4.checkbox:复选框，当对多个数据进行同时选中时。
5.file:可以进行文件选择组件，通常用附件，或者文件上传
6.hidden:隐藏组件，该组件不会页面上显示，但是其定义的
name和value可以提交到服务端。
7.button:按钮组件，自定义一个按钮默认是没有效果的，可
以通过注册事件并加入自定义效果
8.reset:重置按钮，将组件中被操作的效果还原到初始状态
9.submit:提交按钮，将组件中添加的数据提交到指定目的地
10.image：图像组件，为了避免提交按钮难看，可以通过
imgage和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解码。
使用表单的组件不一定要定义form标签。只有需要将数据进行服务端的
提交的时候才会用到form标签
------------------------------------------------------------------------------
css 层叠样式表。
将网页中的样式分离出来，完全有css来控制
增强样式复用性以及可扩展性
格式：
选择器（属性名：属性值；属性名：属性值。。。。）
css和html代码相结合的四种方式：
1.每一个html标签都有一个style属性。
2.当页面有多个标签相同样式时，可以进行复用。
<style>
css代码
</style>
3.当多个页面中的标签样式相同时，还可以将样式单独封装成一个css文件
通过在每一个页面中定义
<style>
@import url("1.css")
</style>
4.通过html中head标签中的link标签链接一个css文件
<link rel="stylesheet" href="1.css"/>
技巧:为了提高相同的样式的复用性以及可扩展性，可以将多个标签样式进行单
独定义，并封装成css文件。
p.css,dic.css...
在一个css文件中使用css的inport将多个标签样式文件导入
然后在html页面上，使用linl标签导入这个总的css文件即可。
1.css
@import url("p.css");
@import url("div.css");
<link rel="stylesheet" href="1.css"/>
------------------------------------------------
选择器：其实就是样式要作用的标签容器
当样式分离后，html作用在于用标签封装数据，让后将css加载到指定的标签上
选择器的基本分类：
1.标签选择器：html中的每个标签名
2.类选择器：每一个标签中的class属性，用.的形式表示。
只用来给css所使用，可以对不同进行相同的样式设定
3.ID选择器;每一个标签中的ID属性，但是要保证ID的唯一性。用#来表示
ID不仅被css所使用，而且可以被javascript所使用。
选择器的优先级：ID>class>标签
扩展选择器：
1.关联选择器：其实就是对标签中的标签进行样式定义。选择器 选择器
div b{}
2.组合选择器：对多个选择器通过逗号进行组合进行相同样式的定义
.z,p b{}
3.伪元素选择器：其实就是元素的一种状态。
a:link:超链接被点前状态。
a:visited:超链接点击后状态
a:hover:悬停在超链接上
a:active:点击超链接时
在定义这些状态时有一个顺序：L V H A
p:firset-letter
p:first-line
:focus:很遗憾，IE6不支持，但FF支持。
css过滤：其实通过一些代码完成丰富了样式。
当使用到CSS的更多属性时还需要查阅CSS api。
网页设计的时候。div+css
div:行级区域
span:块级区域
p:行级区域。p中不要嵌套div.
----- <a href="http://www.itheima.com" target="blank">android培训</a>、<a href="http://www.itheima.com" target="blank">java培训</a>、期待与您交流！ ----------
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 黑马程序员 JAVA学习笔记 —— 正则表达式
- 黑马程序员——HTML_CSS_JavaScript笔记
- 黑马程序员_温习 正则表达式 (个人笔记)摘要（正则表达式-----网页爬虫）
- 黑马程序员_正则表达式学习笔记（1）
- Html，JavaScript，正则表达式（reg express） 自学笔记
- 正则表达式过滤HTML、JS、CSS
- 黑马程序员 正则表达式笔记总结
- [软件推荐]jQuery,JavaScript,HTML,CSS,PHP,MySQL,正则表达式 CHM帮助手册
- 黑马程序员------java学习笔记之正则表达式
- 黑马程序员_java基础笔记(09)...HTML基本知识、CSS、JavaScript、DOM
- 黑马程序员_.NET学习14(正则表达式笔记)
- 黑马程序员java笔记之七-----正则表达式
- 黑马程序员_学习笔记第25天——正则表达式
- 黑马程序员——学习笔记13.Java正则表达式
- 正则表达式匹配所有不包含 css 的 html 标签
- 黑马程序员java笔记之七-----正则表达式
- 黑马程序员HTML、CSS学习笔记
- 黑马程序员--Java基础学习笔记【正则表达式、常用API】
- 黑马程序员_Java正则表达式学习笔记
- 黑马程序员---正则表达式笔记（匹配，切割，替换，获取）