分享

Python爬虫基础:常用HTML标签和Javascript入门

 ZhouAndrew 2018-08-20

1  HTML基础

大部分HTML标签是闭合的,由开始标签和结束标签构成,二者之间是要显示的内容,例如:。也有的HTML标签是没有结束标签的,例如:


1h标签

HTML代码中,使用h1h6表示不同级别的标题,其中h1级别的标题字体最大,h6级别的标题字体最小。该标签的用法为:

一级标题

二级标题

三级标题

2p标签

HTML代码中,p标签表示段落,用法为:

这是一个段落

3a标签

HTML代码中,a标签表示超链接,使用时需要指定链接地址(由href属性来指定)和在页面上显示的文本,用法为:

href='http://www.baidu.com'>点这里

4img标签

HTML代码中,img标签用来显示一个图像,并使用src属性指定图像文件地址,可以使用本地文件,也可以指定网络上的图片。例如:

 src='Python可以这样学.jpg' width='200' height='300' />

 src='http://www.tup./upload/bigbookimg/072406-01.jpg' width='200' height='300' />

5tabletrtd标签

HTML代码中,table标签用来创建表格,tr用来创建行,td用来创建单元格,用法为:

border='1'>

    

        第一行第一列

        第一行第二列

    

    

        第二行第一列

        第二行第二列

    

6ulolli

HTML代码中,ul标签用来创建无序列表,ol标签用来创建有序列表,li标签用来创建其中的列表项。例如,下面是ulli标签的用法:

id='colors' name='myColor'>

    

  • 红色
  •     

  • 绿色
  •     

  • 蓝色
  • 7div标签

    HTML代码中,div标签用来创建一个块,其中可以包含其他标签,例如:

    id='yellowDiv' style='background-color:yellow;border:#FF0000 1px solid;'>

        

              

    1. 红色
    2.         

    3. 绿色
    4.         

    5. 蓝色
    6.     

    id='reddiv' style='background-color:red'>

        

    第一段

        

    第二段

    2  JavaScript基础

    JavaScript是由客户端浏览器解释执行的弱类型脚本语言,大幅度提高网页的浏览速度和交互能力,提高了用户体验。

    1)在网页中使用JavaScript代码的方式

    可以在HTML标签的事件属性中直接添加JavaScript代码。例如,把下面的代码保存为index.html文件并使用浏览器打开,单击按钮“保存”,网页会弹出提示“保存成功”。

        

            

                 type='button' value='保存' onClick='alert('保存成功');'>

            

        

    对于较多但仅在个别网页中用到的JavaScript代码,可以写在网页中的

        

    JavaScript对象document表示当前HTML文档,可用来访问页面上所有元素,常用的方法有write()getElementById()等等。例如,上一段代码中演示了document对象write()方法的用法,本节(1)部分中的第二段代码演示了document对象getElementById()方法的用法。

    当网页中包含标签时,会自动建立image对象,网页中的图像可以通过document对象的images数组来访问,或者使用图像对象的名称进行访问。例如,把下面的代码保存为文件index.html,此时页面上会显示图像文件1.jpg的内容,单击该图像时会切换成为2.jpg的内容。

        

            <img name='img1' src='1.jpg'

                 onClick='document.img1.src='2.jpg';' />

        

     


    --------董付国老师Python系列教材--------

    1)《Python程序设计(第2版)》(2018年8月第8次印刷)

    2)《Python可以这样学》(2018年7月第6次印刷)(本书已发行繁体版)

    3)《Python程序设计基础(第2版)(2018年8月第4次印刷)

    4)《中学生可以这样学Python》2018年5月第2次印刷)

    5)《Python程序设计开发宝典》(2018年2月第3次印刷)

    6)《玩转Python轻松过二级》(2018年7月第3次印刷)

    7)《Python程序设计基础与应用》(2018年9月上架)

      本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
      转藏 分享 献花(0

      0条评论

      发表

      请遵守用户 评论公约

      类似文章 更多