html 摸魚中(1)

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

HTML

  1. 介紹: 首先你得知道HTML是什麼,其實很簡單,我們日常搜索瀏覽的每一個網頁就是html文件.其實也沒大家想的這麼複雜,HTML入門超級簡單的。打開電腦隨便瀏覽什麼網頁,然後按下F12,整個網頁的架構都出來了,或者在網頁上面按下ctr+u整個網頁的源碼就會在新建標籤頁裡面顯示出來。你可以仔細閱覽整個源碼從而了解整個網頁結構。
  1. 入門 現在你可以在桌面新建一個後綴名為.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> 標籤進行定義的。

實例

注釋:影像的名稱和尺寸是以屬性的形式提供的。