html 摸魚中(1)
- 2020 年 4 月 9 日
- 筆記
學爬蟲還得了解一下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>
標籤進行定義的。
實例

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