1. 程式人生 > >html入門高階標籤

html入門高階標籤

列表
ul/ol標籤使用場景
一個佈局是有規律的,橫著或者豎著排列的,通常都用列表標籤(首選)
dl自定義列表 (dataList/dataTitle/dataData)
dt dd
如果很多個排列的資料項,有一個共同的標題,首選使用資料列表標籤
表格(table)
大部分情況下,列表標籤可以取代table標籤
【tr/th/td】表格基本標籤元素
【thead/tbody/tfoot】元素內容標籤
【border】指定邊框粗細
【bordercolor】指定邊框顏色
【cellspacing】指定表格個單元格之間的間隙
【cellpadding】指定單元格內容與單元格邊界之間的空白距離的大小
【colspan】合併列
【rowspan】合併行
框架
iframe 本質是內嵌的一個瀏覽器(不顯示位址列選單等等)
1)全域性重新整理 記錄當前位址列
2)區域性重新整理
iframe解決方案 高度很難自適應
通過設定iframe的name名稱,可以通過a(form)標籤的target設定為目標
3)區域性重新整理
ajax、load方案 載入程式碼片段
code:

<iframe width="50%" height="500px" src="http://www.baidu.com"></iframe>

跳轉到w3school
補充:
上標和下標(sup/sub)
小的和大的(small/big)
表單
http協議
作用是用來收集使用者資料或者資訊,最終提交給伺服器,伺服器對資料進行處理和儲存
* action屬性就是用來設定收集資料或者資訊完畢之後提交地址
* method屬性設定資料提交方式(get/post)
通過一系列的表單元素來實現資料的收集
* 表單元素一定要設定name屬性
input【輸入】:單標籤
code:

姓名:
城市:
長沙
株洲
益陽

PS:收集完畢資料提交url?username=ABC&city=長沙 get方式傳輸
收集完畢資料提交url post相對於安全一些,url看不到傳輸值
form表單用來收集使用者的資訊並且提交到action屬性設定的地址進行處理,每個表單元素必須設定name屬性用來區分
常見英語單詞:
table【表格】
border【邊框】
row【行】
column【列】
frame【框架】
set【集合】
source【來源】
width【寬度】
height【高度】
small【小的】
big【大的】