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页面中显示“<”
<: < >:> &:& 空格:
正则表达式:
是一种专门用于操作字符串的规则。
通过一些符号来表示,简化对字符串的复杂操作。但是阅读性较差。
常见操作:
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反向引用指定组。
Css和html代码相结合的四种方法:
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