今天決心開始學習python爬蟲，但是在正式學習爬蟲之前，有必要先了解一下要爬的網頁的基本情況~由此也就開始更文章之旅，當作一種記錄，同時如果能對其他跟我一樣的初學者有半點幫助，那我真是會喜出望外的！當然最重要的是！！！本人剛剛開始起步，有不對之處，還望各位高手指正！！！
開始正文~~~~~
本文目的：①瞭解前端頁面的基本構成
②簡單製作一個網頁
Part1:網頁的構成三大塊：
一.HTML
相當於房子的結構，規劃哪裏是客廳哪裏是臥室
二.CSS
相當於房子的樣式，房間裝修成什麼樣，牆壁塗成什麼顏色
三.JavaScript(相較於前兩種在爬蟲中使用的不高）
相當於房子的功能，各電器發揮的作用
Part2:基礎的命令及含義
<div>相當於框架部分
<p>相當於寫文字的內容
<li>相當於列表，1,2,3,4,5那種列表
<img>標籤之後可以插入一張圖
<h1> <h6>代表不同字號的標題
<a href = "">此標籤可以把各種鏈接寫進來
在py中新建一個html的項目後如上圖所示，
其中圖片文字信息都會加載到body中，是網頁中可見的部分，
head部分會加title以及css樣式信息，是給瀏覽器看的，對於我們是不可見的
Part3:學習寫一個網頁
依葫蘆畫瓢寫了一個網頁，效果圖是這樣的：
源代碼如下：
（jpg格式的是我的本地圖片，大家放到自己那試驗時替換成自己喜歡的圖片即可~當然你可能還要自己寫個css包）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The blah</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#"> Home</a></li>
<li><a href="#"> Site</a></li>
<li><a href="#"> Other</a></li>
</ul>
</div>
<div class="main-content">
<h2>Article</h2>
<ul class="article">
<li>
<img src="images/0001.jpg" width="100" height="90">
<h3>The balh</h3>
<p>Say something</p>
</li>
<li>
<img src="images/0002.jpg" width="100" height="90">
<h3>The balh</h3>
<p>Say something</p>
</li>
<li>
<img src="images/0003.jpg" width="100" height="90">
<h3>The balh</h3>
<p>Say something</p>
</li>
<li>
<img src="images/0004.jpg" width="100" height="90">
<h3>The balh</h3>
<p>Say something</p>
</li>
</ul>
</div>
<div class="footer">
<p>©mugglecoding</p>
</div>
</body>
</html>