JSP标签、正则、CSS选择器 学习笔记

JSP 标签

<label>标签   用于给各元素定义快捷键

此标签中for属性:指定快捷键作用的表单元素。必须与要作用的表单元素的id相同

Accesskey属性:指定快捷键,此快捷键需要和alt键组合使用。

 

<b></b>标签:加粗

<i></i>标签:倾斜

<u></u>标签:下划线

<strong></strong>标签:作用与<b>标签相同

<sub></sub>文字下标

<sup></sup>文字上标 

<marquee></marquee> 文字浮动,通过设置其direction属性可设置文字飞动方向。设置其behavior属性,如:behavior=”alternate”可弹回文字。Behavior=”scroll”,循环下沉。Behavior=”slide” 下沉后定在底部。

 

图像标签:<img>

<img  src=””  alt=”图像说明文字”  />

超链接标签:<ahref=”http://www.baidu.com” target=”_blank”       title=”当鼠标移动到此超链接位置时,会出现我”  </a>

表格标签:<table>

表格中由行组成,行由单元格组成。对数据进行格式化

表格中默认都有一个tbody标签

 

<table border=”1” bordercolor=”red” width=”70%” cellpadding=”10”  cellspacing=”0”>

<tr>

<th></th>       ----->表头,默认居中

<th></th>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

 

<form>标签中action属性指定数据提交的目的地。Method:提交方式。两种常用值get和post。Get 为默认的。

Get和post区别:

1、get:会将提交的数据显示在地址栏上。Post:不会讲数据显示在地址栏上

2、 get:提交的数据体积受地址栏的限制。Post:可以提交大体积数据。

3、 Get对于敏感信息不太安全。Post对于敏感信息安全。

4、 Get会讲提交的信息封装在请求行,也就是http消息头之前。Post会将提交信息封装在数据体中,也就是http消息头之后的空行后。

对于服务端而言,表单提交尽量用post,因为涉及到编码问题。

对于post提交的中文,在服务端可以直接使用setCharacterEncoding(“gbk”)就可以解决。

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

 

 

 

符号转义:

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

如:想在html页面中显示“<”

<: &lt;           >:&gt;            &:&amp;        空格:&nbsp;

 

 

 

 

 

正则表达式:

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

通过一些符号来表示,简化对字符串的复杂操作。但是阅读性较差。

 

常见操作:

1、匹配,String类中的matches(regex)方法。

2、获取(查找):Patten、Matcher

Patten p=Patten.compile(regex);

Matcher m=p.matcher(String);

 

While(m.find())

{

System.out.println(m.group());

}

3、切割:String split(regex);

4、替换:String replaceAll(regex,str);

 

Demo:

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

Patten p=Patten.compile(regex);

Matcher m=p.matcher(String);

While(m.find())

{

String s=m.group();

s.replaceAll(regex,”#”):

}

 

网络爬虫:

通过网络以及IO读取网页的源文件,并通过规则获取网页中的符合规则的数据。

比如: mail爬虫

Stringmailreg=”[a-zA-Z0-9_]{6-12}@[a-zA-Z0-9]+(\\.[a-zA-Z]+)+”;

 

正则表达式中组的含义:讲部分进行封装一边重用。    \\num反向引用指定组。

 

 

 

 

 

Csshtml代码相结合的四种方法:

1、每一个html标签都有一个style属性。

2、当页面有多个标签有相同样式时,可以进行复用。

<style>

Css代码

       </style>

3、当有多个页面中的标签的样式相同时,还可以将样式单独封装在一个css文件

通过在每个页面中定义

<style>

@import url(“a.css”);

       </style>

4、通过html中head标签中的link标签连接一个css文件。

<link  rel=”stylesheet”href=”a.css” />

技巧:为了提高相同样式的复用性以及可拓展性,可以将多个标签样式进行单独的定义,并封装成css文件。

P.css, div.css...

在一个css文件中使用css的import将多个标签样式文件导入。

然后在html页面上,使用link标签导入这个总的css文件即可。

 

a.Css

@import           url(“p.css”);

@import    url(“div.css”);

 

<link    rel=”stylesheet”   href=”a.css”/>

 

CSS选择器:其实就是样式要作用的标签容器

当样式分离后,html作用在于用标签封装数据,然后将CSS加载到指定标签上。

 

选择器的基本分类:

1、标签选择器。         其实就是html中的每一个标签名

2、类选择器。            其实即使每一个标签中的class属性。用 . 的形式表示。

3、ID选择器               其实就是每一个标签中的ID属性。但是要保证ID的唯一性。用#来标识。ID不仅可以被css所使用,还可以被JavaScript使用。

选择器优先级:

ID>class>标签

<head>

<style type=”text/css”>

.a{

Background-color:#FF0000;

  }

.z{

Background-color:0000099;

}

Div b{

Background-color:#00FFFF;

}

</style>

</head>

<body>

<div class=”a”>

我是百度!

</div>

</body>

拓展选择器:

1、关联选择器:其实就是对标签中的标签进行样式定义。选择器选择器......如例2

2、组合选择器:对多个选择器进行相同样式定义。将多个选择器用逗号“,”隔开的形式。

3、伪元素选择器:即是元素的一种状态。

a :link            超链接被点之前

a:visited         超链接被点之后

a:hover           悬停在超链接上

a:active          点击超链接时       如例3:

在定义这些状态时,有一个顺序:L V H A

例1:

<body>

<div class=”z”>

我<b>是</b>百<b>度</b>!

</div>

</body>

 

例3:

<head>

a:link,a:visited

{

Color:#22FF00;

Text-decoration:none;

}

</head>

 

网页设计的时候。Div+css

Div:行级区域

Span:块级区域

P:行级区域。P中不要嵌套div

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值