學爬蟲還得了解一下HTML網頁啊

HTML
-
介紹:
首先你得知道HTML是什麼,其實很簡單,我們日常搜尋浏覽的每一個網頁就是html檔案.其實也沒大家想的這麼複雜,HTML入門超級簡單的。打開電腦随便浏覽什麼網頁,然後按下
,整個網頁的架構都出來了,或者在網頁上面按下F12
整個網頁的源碼就會在建立标簽頁裡面顯示出來。你可以仔細閱覽整個源碼進而了解整個網頁結構。ctr+u
-
入門
現在你可以在桌面建立一個字尾名為.html格式的檔案,(ps:注意所有網頁都是html格式的檔案)
<html> <body>
<h1>我的第一個标題</h1>
<p>我的第一個段落。</p> </body> </html>
HTML 标簽
-
HTML 标記标簽通常被稱為 HTML 标簽 (HTML tag)。
HTML 标簽是由尖括号包圍的關鍵詞,比如
HTML 标簽通常是成對出現的,比如<html>
和<b>
</b>
标簽對中的第一個标簽是開始标簽,第二個标簽是結束标簽
開始和結束标簽也被稱為開放标簽和閉合标簽
HTML 文檔 = 網頁
HTML 文檔描述網頁
HTML 文檔包含 HTML 标簽和純文字
HTML 文檔也被稱為網頁
Web 浏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。浏覽器不會顯示 HTML 标簽,而是使用标簽來解釋頁面的内容:
<html>
<body>
<h1>我的第一個标題</h1>
<p>我的第一個段落。</p>
</body>
</html>
複制
-
與<html>
之間的文本描述網頁</html>
-
與<body>
之間的文本是可見的頁面内容</body>
-
與<h1>
之間的文本被顯示為标題</h1>
-
與<p>
之間的文本被顯示為段落</p>
- 寫完以後可以直接點選html檔案通過浏覽器打開
HTML 标題
HTML 标題(Heading)是通過
<h1> - <h6>
等标簽進行定義的。
執行個體
<h1>
This is a heading
</h1>
<h2>
This is a heading
</h2>
<h3>
This is a heading
</h3>
HTML 段落
HTML 段落是通過
<p>
标簽進行定義的。
執行個體
<p>
This is a paragraph.
</p>
<p>
This is another paragraph.
</p>
HTML 連結
HTML 連結是通過
<a>
标簽進行定義的。
執行個體
<a href="https://i.loli.net/2019/09/12/WKfMOrkwDZgAXuS.jpg">This is a link</a>
注釋:在 href 屬性中指定連結的位址
HTML 圖像
HTML 圖像是通過
<img>
标簽進行定義的。
執行個體
注釋:圖像的名稱和尺寸是以屬性的形式提供的。