Python爬虫基础——HTML、CSS、JavaScript、JQuery网页前端技术

一、HTML

HTML是Hyper Text Markup Language（超文本标记语言）的缩写。
HTML不是一种编程语言，而是标记语言。

HTML的语法

• 双标签：
  
• 单标签：
  

HTML的元素和属性

• 元素

HTML的结构

————文件为html文件
————语言类型：英语
————头
————主体

HTML的常用标签

1.浏览器标题

2.标题与段落

    


一级标题h1
二级标题h2
三级标题h3
四级标题h4
五级标题h5
六级标题h6
段落标签p

3.水平线与换行符

4.常见的转义符

空格： 
大于号：>
小于号:<

5.链接

点击我，本窗口访问百度
点击我，新窗口访问百度

6.图片标签

7.表格

    
    

        

            
表头th
            
表头th
        
        

            
普通列td
            
普通列td
        
    

8.列表

    

        
无序列表项1
        
无序列表项2
    
    

        
有序列表项1
        
有序列表项2
    

9.常见的无意义标签

    
    
div标签
    span标签

10.表单

表单一：

表单二：

    
    


    
    

        1.用户名（文本框text）:
            
        

        2.密码（密码框password）：
        

        3.性别（单选框radio）：
            男
            女
        

        4.爱好（复选框checkbox）：
            学Web
            学爬虫
        

        5.上传头像（文件框file）：
            
        

        6.按钮（button）:
            
        

        7.提交（submit）:
            
        

        8.重置（reset）:
        
        

    

表单三：

    
    


    
    

        
            2019
            2018
        
        
    

---

二、CSS

CSS是Cascading Style Sheets（层叠样式表）的缩写。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS的语法

格式：
属性：属性值；
例如：
设置背景颜色为蓝色：
background-color:blue；

CSS的引入方式

• 内嵌式：

• 内部式：

• 外部式：

CSS的选择器

CSS的常用样式

• 背景颜色：backgroud-color:颜色；
• 背景图片：background-image:url（图片地址）；
• 图片平铺：background-repeat：
  • repeat 水平垂直都平铺（默认）
  • repeat-x 水平平铺
  • repeat-y 垂直平铺
  • no-repeat 不平铺
• 边框：border:边框类型，尺寸，颜色;

---

三、JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。

JavaScript的引入方式

• 内嵌式：

• 外部式：

---

四、JQuery

JQuery的引入

从官方网站下载JQuery，然后引入：

JQuery的选择器

JQuery的对象

• JQuery对象习惯性采用$开口，例如：

    $div = $("div");

• JQuery对象的格式是[Object]

    jsObject = $jqueryObject[0]; 
    jsObject = $jqueryObject.get(0);

• JQuery对象转JS对象

    $jqueryObject = $(jsObject);

JQuery事件

JQuery动画

    
    

    

        
Python
        
Java
    

    

注意：speed:slow、normal、fast