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

----- <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>
    特殊的部分:如果要在页面显示一些特殊符号时,需要进行转义。
    <: &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=" 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>、期待与您交流! ----------
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值