HTML簡單了解
阿新 • • 發佈：2019-01-11
瀏覽器中 idt odi 代碼 HERE lsi 未來 www 第一個
# -*- coding: utf-8 -*- """ Created on Fri Jan 11 12:24:04 2019 @author: Administrator """ http://www.w3school.com.cn/html/html_jianjie.asp 首先了解基本的html知識 <html> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body> </html> 解釋 <html> 與 </html> 之間的文本描述網頁<body> 與 </body> 之間的文本是可見的頁面內容 <h1> 與 </h1> 之間的文本被顯示為標題 <p> 與 </p> 之間的文本被顯示為段落 HTML文檔和標簽 HTML 文檔包含 HTML 標簽和純文本 HTML 標簽是由尖括號包圍的關鍵詞，比如 <html> HTML 標簽通常是成對出現的，比如 <b> 和 </b> 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="http://www.w3school.com.cn">This is a link</a> 註釋：在 href 屬性中指定鏈接的地址。 HTML 圖像 HTML 圖像是通過 <img> 標簽進行定義的。 實例 <img src="w3school.jpg" width="104" height="142" /> HTML 元素 HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。 HTML 實例解釋 <p> 元素： <p>This is my first paragraph.</p> 這個 <p> 元素定義了 HTML 文檔中的一個段落。 這個元素擁有一個開始標簽 <p>，以及一個結束標簽 </p>。 元素內容是：This is my first paragraph。 <body> 元素： <body> <p>This is my first paragraph.</p> </body> <body> 元素定義了 HTML 文檔的主體。 這個元素擁有一個開始標簽 <body>，以及一個結束標簽 </body>。 元素內容是另一個 HTML 元素（p 元素）。 <html> 元素： <html> <body> <p>This is my first paragraph.</p> </body> </html> <html> 元素定義了整個 HTML 文檔。 這個元素擁有一個開始標簽 <html>，以及一個結束標簽 </html>。 元素內容是另一個 HTML 元素（body 元素）。 HTML 屬性 HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。 屬性總是以名稱/值對的形式出現，比如：name="value"。 屬性總是在 HTML 元素的開始標簽中規定。 屬性實例 HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定： <a href="http://www.w3school.com.cn">This is a link</a> HTML 折行 如果您希望在不產生一個新段落的情況下進行換行（新行），請使用 <br /> 標簽： <p>This is<br />a para<br />graph with line breaks</p> 親自試一試 <br /> 元素是一個空的 HTML 元素。由於關閉標簽沒有任何意義，因此它沒有結束標簽。 <br> 還是 <br /> 您也許發現 <br> 與 <br /> 很相似。 在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結束標簽（閉合標簽）的 HTML 元素。 即使 <br> 在所有瀏覽器中的顯示都沒有問題，使用 <br /> 也是更長遠的保障。 from bs4 import BeautifulSoup html = """ <html><head><title>The Dormouse‘s story</title></head> <body> <p class="title"><b>The Dormouse‘s story</b></p> <p class="story">Once upon a time there were three little sisters; and their names were <a href="http://example.com/elsie" class="sister" id="link1">Elsie</a>, <a href="http://example.com/lacie" class="sister" id="link2">Lacie</a> and <a href="http://example.com/tillie" class="sister" id="link3">Tillie</a>; and they lived at the bottom of a well.</p> <p class="story">...</p> """ #對於html有不同的解析解析器lxml和html.parser，我們用不同的方式解析得到的類型是一樣的。 soup=BeautifulSoup(html,"lxml") #type(soup) #Out[14]: bs4.BeautifulSoup 得到一個BeautifulSoup對象 soup1=BeautifulSoup(html,"html.parser") #type(soup1) #Out[16]: bs4.BeautifulSoup
HTML簡單了解