python爬虫——web前端基础(1)
1.HTML的基本結構
- <html>內容</html>:HTML文檔是由<html></html>包裹,這是HTML文檔的文檔標記,也稱為HTML開始標記。這對標記分別位于網頁的最前端和最后端,<html>在最前端表示網頁的開始,</html>在最后端表示網頁的結束。
- <head>內容</head>:HTML文件頭標記,也稱為HTML頭信息開始標記。用來包含文件的基本信息,比如網頁的標題、關鍵字,在<head></head>內可以放<tittle></title>、<meta></meta>、<style></style>等標記。注意:在<head></head>標記內的內容不會在瀏覽器中顯示。
- <title>內容</title>:HTML文件標題標記。網頁的“主題”,顯示在瀏覽器的窗口的左上邊。
- <body>內容</body>:<body>...<body>是網頁的主體部分,在此標記之間可以包含如<p></p>、<hl></hl>、<br>、<hr>等等標記,正是這些內容組成我們所看見的網頁。
- <meta>內容<meta>:頁面的元信息。提供有關頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞。注意:meta標記必須放在head元素里面
2.文檔設置標記
? ? ? ?文檔設置標記分為格式標記和文本標記。
以下是文檔:
?
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Python爬蟲開發與項目實踐</title>
</head>
<body>
Python爬蟲學習第一天.<br>
<p>今天是2019-6-13,周四。是學習爬蟲的第一天,當然是有一點懵的一天啦,畢竟是第一次學這個。</p>
<p>以前完全沒想到,爬蟲這么有趣,可以自己編輯網頁。哈哈哈哈</p>
<hr>
<center>居中標記</center>
<center>居中標記2</center>
<hr>
<pre>
[00:00](music)
[00:28]你我皆凡人,生在人世間;
[00:35]終日奔波苦,一刻不得閑;
[00:43]既然不是仙,難免有雜念;
</pre>
<hr>
<p>
[00:00](music)
[00:28]你我皆凡人,生在人世間;
[00:35]終日奔波苦,一刻不得閑;
[00:43]既然不是仙,難免有雜念;
</p>
<hr>
<br>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<ol type="A">
<li>Coffee</li>
<li>Milk</li>
</ol>
<dl>
<dt>計算機</dt>
<dd>用來計算的儀器... ...</dd>
<dt>顯示器<dt>
<dd>以視覺方式顯示信息的裝置... ...</dd>
</dl>
<div>
<h3>這是標題</h3>
<p>這是段落</p>
</div>
</body>
</html>
以下是文檔在瀏覽器中打開后的顯示:
?
?
?
<p></p>之間的內容呈現的是一個段落(無論多少個段落都將顯示成一個段落)。
<hr>呈現的是一條橫線
<center></center>之間的內容呈現的形式是居中顯示。
?<pre>(一個段落)(一個段落)(一個段落)(一個段落)</pre>之間的每個段落以段落形式顯示
?<dt>內容</dt>:之間的內容顯示方式為左對齊
<dd>內容</dd>:之間的內容顯示方式為縮進兩個字符
####<br>:強制換行標記。讓后面的文字、圖片、表格等等,顯示在下一行
####<p>:換段落標記。
####<center>:居中對齊標記。
####<pre>:預格式化標記。保留預先編排好的格式,常用來定義計算機源代碼。
####<li>:列表項目標記。每一個列表使用一個<li>標記,可用在有序列表<ol>和無序列表<ul>中
####<ol>:有序列表標記,可以顯示特定的一些順序,有序列表的type屬性值“1”代表阿拉伯數字1.2.3等等......"a"...."A"...
####<dl><dt><dd>:定義型列表
####<div>:分區顯示標記,也稱為層標記
?
? ? ??顯示結果為:? ? ?
?
? ? ?顯示結果為:? ??
?
轉載于:https://www.cnblogs.com/suyun1219/p/11016703.html
總結
以上是生活随笔為你收集整理的python爬虫——web前端基础(1)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: shell编程必须要掌握的命令-xarg
- 下一篇: Matplotlib pyplot中ti