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