天天看點

html 摸魚中(1)HTML 标題HTML 段落HTML 連結HTML 圖像

學爬蟲還得了解一下HTML網頁啊
html 摸魚中(1)HTML 标題HTML 段落HTML 連結HTML 圖像

HTML

  1. 介紹:

    首先你得知道HTML是什麼,其實很簡單,我們日常搜尋浏覽的每一個網頁就是html檔案.其實也沒大家想的這麼複雜,HTML入門超級簡單的。打開電腦随便浏覽什麼網頁,然後按下

    F12

    ,整個網頁的架構都出來了,或者在網頁上面按下

    ctr+u

    整個網頁的源碼就會在建立标簽頁裡面顯示出來。你可以仔細閱覽整個源碼進而了解整個網頁結構。
html 摸魚中(1)HTML 标題HTML 段落HTML 連結HTML 圖像
  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 摸魚中(1)HTML 标題HTML 段落HTML 連結HTML 圖像
html 摸魚中(1)HTML 标題HTML 段落HTML 連結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>

标簽進行定義的。

執行個體

html 摸魚中(1)HTML 标題HTML 段落HTML 連結HTML 圖像

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