html基礎標籤下

2021-10-23 12:20:58 字數 2770 閱讀 5867

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...