web基础&常用工具包

在正式进入爬虫知识学习之前先给大家看一张图片。这张图片是网络爬虫的基础知识大全，可能不算全哈哈，不过如果学了这么多也应该够用。大家先仔细观摩一波，红旗部分的属于web前端基础知识，urllib除外(随便看看也行，最好保存到手机里，我以前就拿学习路线当壁纸的感觉可以督促学习哈哈)

在这一节假设大家已经有了python基础，所以老司机要正式开车啦…

W3C标准

W3C，即万维网联盟，是 Web 技术领域最具权威和影响力的国际中立性技术标准机构。万维网联盟（W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括 XHTML 和 XML，表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript 等。本节我们主要讲解Http协议、前端基础知识等两个部分。
前端基础
这小节，我们回顾一些必备的前端基础语法，方法后续的开发。
1.Html基础
HTML(Hyper Text Markup Language)超文本标记语言，一种用来描述网页的标记语言，标记语言不是编程语言，它是一套标记标签，HTML通过使用标记标签来描述网页。Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标记，而是使用标记来解释页面的内容。
HTML有如下作用:
可以设置文本的格式，比如标题、字号、文本颜色、段落，等等。
可以创建列表。
可以插入图像和媒体。
可以建立表格。
超链接，可以使用鼠标点击超链接来实现页面之间的跳转。

HTML基本结构
我们来访问百度，右键“检查(N)”

这就是百度网页的源代码从这上面我们可以看见html结构

内容：HTML 文档是由包裹，这是 HTML 文档的文档标记，也称为 HTML 开始标记。这对标记分别位于网页的最前端和最后端，在最前端表示网页的开始，在最后端表示网页的结束。 内容：HTML 文件头标记，也称为 HTML 头信息开始标记。用来包含文件的基本信息，比如网页的标题、关键字，在内可以放 、、等标记。注意：在标记内的内容不会在浏览器中显示。 内容：...是网页的主体部分，在此标记之间可以包含如

、

、
、

---

等等标记，正是由这些内容组成了我们所看见的网页。 ：script后面我们会讲到JavaScript

下面我们用HTML文档来讲解语法

基本语法
源码如下:

欢迎学习爬虫之道

专注于教小白写代码，防止进入IT界被坑钱特开此专栏

这里是前端教程

我们这节课先来教大家写一段前端代码

• 纪念卢本伟29杀一周年
• 加拿大炮王无益烦

最好的专业是什么

计算机是最好的专业

当前最火的技术是什么

人工智能

python可以干什么

游戏外挂、做网络爬虫、数据分析、web开发、数据挖掘、人工智能

对应网页

简单解释一下代码含义：

与 之间的文本描述网页 与 之间的文本是可见的页面内容

与

之间的文本被显示为标题，还有

等等

：换段落标记。换段落，由于多个空格和回车在 HTML 中会被等效为一个空格，所以 HTML 中要换段落就要用

，

段落中也可以包含

段落。例如：

这是一个段落

。

• ：列表项目标记。每一个列表使用一个
• 标记，可用在有序列表（
  1. ）和无序列表（
     • ）中。
       • ：无序列表标记。
         • 声明这个列表没有序号。

           ：定义型列表。对列表条目进行简短说明。 一般HTML语句成对出现，前面是开始标签如

           ，后面为结束标签

           。 当然也有单个出现的如意思是”换行”单个出现的标签一定是结束标签。 如果大家需要学习到下面链接处学习 W3Cschool:[http://www.w3school.com.cn/html/index.asp](http://www.w3school.com.cn/html/index.asp) 菜鸟教程:[http://www.runoob.com/html/html-tutorial.html](http://www.runoob.com/html/html-tutorial.html) 网上有很多教程这里不过多介绍了。

• 2.CSS基础

  层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
  CSS语法介绍:
  CSS语法规则主要由两部分组成，1.选择器2.一条或多条声明,选择器通常是需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性是希望设置的样式属性。每个属性有一个值,属性和值由冒号分开。例如：h1{color:green;text-align:center;font-size:40px;}其中 h1 为选择器，color 和 font-size 是属性，text-align是文本的水平对齐方式，center、green 和 40px 是属性值，这句话的意思是将 h1 标记中的颜色设置为绿色，字体大小为 40px，然后居正显示。如图
  
  根据选择器的定义方式，可以将样式表的定义分成三种方式，这里由于我们不是学习前端开发就介绍其中一种
  HTML 标记定义：上面举的例子就是使用的这种方式。假如想修改

  …

  的样式，可以定义 CSS：p{属性：属性值；属性1：属性值1}。p 可以叫做选择器，定义了标记中内容所执行的样式。一个选择器可以控制若干个样式属性，他们之间需要用英语的“；”隔开，最后一个可以不加“；”。如图

  若需要学习可以去下面两个网站学习，链接如下:
  W3school:http://www.w3school.com.cn/css/index.asp
  菜鸟教程:http://www.runoob.com/css/css-tutorial.html

  JavaScript基础

  JavaScript是一种轻量级脚本语言，和 Python 语言是一样的，只不过 JavaScript 是由浏览器进行解释执行。JavaScript是世界上最受欢迎的编程语言，它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。使用JavaScript最简单方式:

  这段代码，之后显示当中的内容。 

  Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
  基本语法如下
  1.变量声明
  声明变量语法: var 变量名;

  var dulp ; //声明一个变量dulp
  var num1,mun2 ; //声明变量num1,num2
  

  2.变量赋值
  我们使用"="号给变量存储内容,看下面的语句:

  var dulp = 3 ; //声明变量dulp并赋值。
  +号操作符
  sum = numa + numb;
  

  其中的"=“和”+"都是操作符。
  JavaScript中还有很多这样的操作符，例如，算术操作符(+、-、*、/等)，比较操作符(<、>、>=、<=等)，逻辑操作符(&&、||、！)。
  注意: “=” 操作符是赋值，不是等于。
  "+"操作符
  算术运算符主要用来完成类似加减乘除的工作，在JavaScript中，“+”不只代表加法，还可以连接两个字符串，例如：

  mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串
  自加一，自减一 ( ++和- -)
  算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子：
  mynum = 10; 
  mynum++; //mynum的值变为11 
  mynum--; //mynum的值又变回10
  上面的例子中，mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成:
  mynum = mynum + 1;//等同于mynum++
  mynum = mynum - 1;//等同于mynum--
  

  if语句
  JavaScript 使用 if（）{…}else{…} 来进行条件判断，和 C 语言的使用方法一样。
  语法:

  if(条件) { 
  条件成立时执行代码
  }
  if...else语句
  if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。
  语法:
  if(条件) { 
  条件成立时执行的代码
  } else {
  条件不成立时执行的代码
  }
  if..else嵌套语句
  要在多组语句中选择一组来执行，使用if..else嵌套语句。
  语法:
  if(条件1) { 
  条件1成立时执行的代码
  } else if(条件2) {
   	条件2成立时执行的代码
  } ... else if(条件n) { 
  条件n成立时执行的代码
  } else { 
  条件1、2至n不成立时执行的代码
  }
  for循环
  JavaScript 的循环有两种：一种是 for 循环，一种是 while 循环。
  首先说一下 for 循环。
  for(初始化变量;循环条件;循环迭代)
  {     
      循环语句 
   }
  

  while循环
  与for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

  while语句结构
  while(判断条件) { 
  循环语句 
  }
  

  函数:
  在 JavaScript 中，定义函数使用 function 关键字，使用方式如下：

  Function 函数名(参数1，参数2) {
  return 返回值;
  }

  基本语法就介绍到这里了大家如果需要学习可以到开源学习网站上自行学习。
  W3school:http://www.w3school.com.cn/js/index.asp
  菜鸟教程:http://www.runoob.com/js/js-intro.html