300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > “黑马程序员”正则表达式+html+css笔记

“黑马程序员”正则表达式+html+css笔记

时间:2022-06-16 23:07:54

相关推荐

“黑马程序员”正则表达式+html+css笔记

----- <a href=" " target="blank">android培训</a>、<a href=" " target="blank">java培训</a>、期待与您交流! ----------

正则表达式:

是一种专门用于操作字符串的规则

通过一些符合来表示,简化对喜欢穿的复杂操作。

弊端:阅读性差。

常见的操作:

1.匹配,String matches(regex)//(Pattern,matcher)

2.获取(查找):pattern,matcher

Patern p=pile(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=pile(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>

特殊的部分:如果要在页面显示一些特殊符号时,需要进行转义。

<: &lt;

>: &gt;

空格:&nbsp;

&: &amp;

标题:<h1>...<h6>

--------------------------------------------

2.列表标签:<dl></dl>

上层项目:<dt>

下层项目:<dd>

项目符号标签:

<ul>

<ol>

这两个标签中的列表项都由<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=" " target="_blank" title="这是什

么属性呢?">新浪网站</a>

当被点击后,会启动引擎所对应的解析程序。

去查找指定的主机。

1.先找本地主机的hosts文件。如果没有找到该主机对应的ip地址

2.去找公网NDS服务器上找到对应ip地址。

<a href="mailto:abc@?subject=haha&cc=qq@">联系

我们</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=" " target="blank">android培训</a>、<a href=" " target="blank">java培训</a>、期待与您交流! ----------

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。