Python爬虫学习之路(1)--前端

学习前的准备

最近一直想找一种督促自己学习的方法,感觉似乎写博客是一个不错的选择。所以这些博客的主要目的当然是让自己静下心来巩固复习,当然如果能对别人有所帮助,那就再好不过了。

我是在win10+pycharm上编写python的,至于一些库,使用的时候再导入吧。

前端三大件html,css,javascript

学习爬虫之前一定要对前端知识有所了解,当然要求不是精通,但是一定要大体读懂界面的源代码。

具体内容可以去菜鸟教程或者W3SCHOOL查找,我也是小白一只,下面附上自己练习时的几段代码。

html

<html>
<head>
	<title>html</title>            <!--  文档标题-->			
	<meta charset="UTF-8">  <!-- meta 进行文档原信息的定义,不再界面显示-->
</head>
<body>
	文档设置标记<br>
	<p>这是段落</p>
	<p>这是段落</p>
	<hr>									<!-- 创建一条水平线 -->
	<center>居中标记</center>
	<hr>
	<pre>             <!-- 保留原文档格式 -->
		半中岁月尽悠闲,半里乾坤宽展。
		半思后代与沧田,半想阎罗怎见。
	</pre>
	<hr>
	<p>         <在一行中输出
		半中岁月尽悠闲,半里乾坤宽展。
		半思后代与沧田,半想阎罗怎见。
	</p>
	<hr>
	<br>
	<ul>        <!--无序列表-->
		<li>半中岁月尽悠闲,</li>
		<li>半里乾坤宽展。</li>
	</ul>
	<ol type="A">   <!--有序列表,type表示列表样式-->
		<li>半里乾坤宽展。</li>
	</ol>
	<dl>                   <!--<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)-->
		<dt>计算机</dt>
		<dd>用来计算的一起</dd>
	</dl>
	<div>          <!--将文档分区或节-->
		<h3>这是标题</h3>
		<p>这是段落</p>
	</div>
</body>
</html>

		

</html>

css

<!DOCTYPE html>
<html>
<head>
	<title>爬虫开发</title>
	<meta charset="utf-8">
	<style type="text/css">
		h1
		{
			background-color: #6495ed;
			color:red;
			text-align:center;
			font-size:10px;
		}
		p
		{
			background-color: #0ffff;
			text-indent:50px;
			font-family: "Times New Roman",Times,serif;
		}
		p.ex{color:rgb(0,0,255);}
		div 
		{
			background-color: #b0c4de;
		}
		ul.a{list-style-type: square}
		ol.b{list-style-type: upper-roman;}
		ul.c{list-style-image: url('http://www.cnblogs.com/images/logo_small.gif');img{width:10px;hight:10px;}}

	</style>
</head>
<body>
	<h1>CSS background-color 演示</h1>
	<div>
		该文本插入在div元素中。
		<p>该段落有自己的背景颜色</p>
		<p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
		我们仍在同一个div中
	</div>
	<p>无序列表实例</p>
	<ul class="a">
		<li>Coffee</li>
		<li>Tea</li>
		<li>Coca Cola</li>
	</ul>
	<p>有序列表实例:</p>
	<ol class="b">
		<li>Coffee</li>
		<li>Tea</li>
		<li>Coca Cola</li>
	</ol>
	<p>图片列表实例</p>
	<ul class="c">
		<li>Coffee</li>
		<li>Tea</li>
		<li>Coca Cola</li>
	</ul>
</body>
</html>
</body>
</html>

JavaScript

这个比较麻烦,建议多看一下教程。

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值