1.1單標籤
◆注釋標籤 ctrl+/
◆水平線標籤
◆換行標籤
◆段落標籤
◆h1-h6
值只能取到
6 h1
在頁面中只能出現一次。
◆文字標籤
◆標籤◆
上標下標◆相對路徑
★檔案和(html
)在同一資料夾(目錄)時,直接寫檔名
檔名
檔名
◆絕對路徑
鏈結文字
◆錨鏈結
◆空鏈 」#」>
◆鏈結優化寫法 」_blank」>
空格無序列表
有序列表
自定義列表
charset 編碼
ascll
ansi
unicode
gbk
gb2312
big5
utf-8 通用字符集
展示資料。 是對網頁重構的乙個有益補充。 **
行 列
◆屬性:
border=」1」 邊框
width=」500」 寬度
height=」300」 高
cellspacing=」2」 單元格與單元格的距離
cellpadding=」2」 內容距邊框的距離
align=」left | right | center」
如果直接給**用align=」center」 **居中
如果給tr或者
td使用 ,
tr或者
td內容居中。
bgcolor=」red」 背景顏色。
◆ 表頭
colspan=」2」 合併同一行上的單元格
rowspan=」2」 合併同一列上的單元格
◆**標題
用法和td一樣
標題的文字自動加粗水平居中對齊
◆邊框顏色
◆內容垂直對齊方式
valign=」top | middle | bottom」
表單的組成
◆提示資訊
◆表單控制項
◆表單域
屬性:action:處理資訊
method=」get | post」
get通過位址列提供(傳輸)資訊,安全性差。
post 通過
1.php
來處理資訊,安全性高。
◆文字輸入框
maxlength="6" 限制輸入字元長度
readonly=」readonly」 將輸入框設定為唯讀狀態(不能編輯)
disabled="disabled" 輸入框未啟用狀態
name="username" 輸入框的名稱
value="大前端
"
將輸入框的內容傳給處理檔案
◆密碼輸入框
★注意:文字輸入框的所有屬性對密碼輸入框都有效。
◆單選框
★只有將name
的值設定相同的時候,才能實現單選效果。
★checked=」checked」 設定預設選擇項。
◆下拉列表
下拉列表選項
下拉列表選項
屬性:multiple=」multiple」 將下拉列表設定為多選項
selected=」selected」 設定預設選中專案
對下拉列表進行分組。
label=」」 分組名稱。
◆多選框
checked=」checked」 設定預設選中項
◆多行文字框
cols 控制輸入字元的長度。
rows 控制輸入的行數
◆ 檔案上傳控制項
◆檔案提交按鈕
★:可以實現資訊提交功能
◆普通按鈕
★不能提交資訊,配合js
使用。
◆按鈕★按鈕可實現資訊提交功能
◆重置按鈕
★將資訊重置到預設狀態
◆表單資訊分組
對表單資訊分組
表單資訊分組名稱
html5補充表單控制項
好的語義化的**標準就是去掉樣式表檔案之後,結構依然很清晰。
標籤語義化概念:根據內容的結構化(內容語義化),選擇合適的標籤(**語義化)
-標籤語義化意義:
1:網頁結構合理
2:有利於
seo:
和搜尋引擎建立良好溝通,有了良好的結構和語
義你的網頁內容自然容易被搜尋引擎抓取;
3:方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、移動裝置)
4:便於團隊開發和維護
1:盡可能少的使用無語義的標籤
div和
span;
2:在語義不明顯時,既可以使用
div或者
p時,盡量用
p, 因為
p在預設情況下有上下間距,對相容特殊終端有利;
3:不要使用純樣式標籤,如:b、
font、u
等,改用
css設定。
4:需要強調的文字,可以包含在
strong
或者em
標籤中strong
預設樣式是加粗(不要用b),
em是斜體(不用i);
HTML常用標籤 下
表頭單元格 普通單元格內的文字 這是 表頭單元格 這是普通單元格 這些屬性通過css設定。屬性名描述 align 相對周圍元素的對齊方式 left center right border 是否有邊框,預設沒有 沒有,1 有 cellpadding 單元邊緣與其內容之間的空白,預設為1px cells...
使用xpath獲取指定標籤下html內容
通常使用xpath我們直接定位到標籤後,使用 text 或 text 來獲取標籤對之間的文字值,但特殊情況下我們也需要獲取標籤本身含文字值,操作如下 檔案為html,標籤對結構如下 1h row value 1td row value 2td tr table 如下 from lxml import...
爬蟲 如何提取HTML多層標籤下的內容
html內容如下 html divid 1 p a 床前明月光 div divid 2 p ahref 1.html 疑是地上霜 ahref 2.html 舉頭望明月 ahref 3.html 低頭撕褲襠 div 可以看到,div標籤下包含了p a標籤 做一鍋湯 from bs4 import be...