資訊專欄INFORMATION COLUMN
摘要：可以用屬性指定按鈕顯示的文字。文件上傳項(xiàng)提供選擇文件進(jìn)行上傳的功能。注釋屬性無法與一同使用。
1. HTML是什么
超文本標(biāo)記語言 最基礎(chǔ)的網(wǎng)頁語言 W3C
HTML不是一門編程語言 而是一門標(biāo)記語言
HTML是用標(biāo)記(標(biāo)簽/元素)來描述網(wǎng)頁內(nèi)容的
HTML是文檔的一種
2. HTML的結(jié)構(gòu)
用來指定當(dāng)前頁面所遵循的html的版本,不寫默認(rèn)是html5.0
頭部分用來存放html頁面的基本屬性信息,優(yōu)先被加載
其中的charset的值用來指定瀏覽器用什么編碼解析當(dāng)前頁面
體部分用來存放頁面數(shù)據(jù),是可見的頁面內(nèi)容
3. HTML語法
html標(biāo)簽分為開始標(biāo)簽和結(jié)束標(biāo)簽,如果標(biāo)簽內(nèi)沒有修飾的內(nèi)容, 開始標(biāo)簽和結(jié)束標(biāo)簽可以合并為一個(gè)自閉標(biāo)簽
如:
標(biāo)簽通常都可以具有屬性, 屬性與屬性值用"="連接, 屬性的值可以用雙引號(hào)、單引號(hào)引起來或者不用引號(hào), 一般會(huì)用雙引號(hào)引起來
html中多個(gè)連續(xù)的空白字符(制表符,空格,換行)默認(rèn)會(huì)合并為一個(gè)空格來顯示
如果非要輸入空格,可以用轉(zhuǎn)義字符來替代
如果非要輸入換行,可以用
來代替
分隔符
***轉(zhuǎn)義字符
< <
> >
" "
'
空格
1. font標(biāo)簽 密碼框 password 輸入的文本以圓點(diǎn)或者星號(hào)的形式顯示 單選框 radio 進(jìn)行單項(xiàng)的選擇 如性別選擇 多個(gè)radio的name屬性相同會(huì)被當(dāng)作一組來使用 必須用value為選項(xiàng)指定提交的值 復(fù)選框 checkbox 進(jìn)行多項(xiàng)選擇，愛好的選擇。 多個(gè)checkbox具有相同的name屬性時(shí)會(huì)被當(dāng)作一組來使用 必須用value為選項(xiàng)指定提交的值 隱藏字段 hidden 如果有一些信息，不希望用戶看見，又希望表單能夠提交，就可以用隱藏字段隱含在表單中 提交按鈕 submit 實(shí)現(xiàn)表單提交操作的按鈕 可以通過value屬性指定按鈕顯示的文字 重置按鈕 reset 重置表單到初始狀態(tài) 可以通過value屬性指定顯示按鈕文字（默認(rèn)為重置） 按鈕 button 普通按鈕, 沒有任何功能 需要配合JavaScript為按鈕指定具體的行為。可以用value屬性指定按鈕顯示的文字。 文件上傳項(xiàng) file 提供選擇文件進(jìn)行上傳的功能。 圖像 image 利用一張圖片替代提交按鈕的功能, 不常用 readonly屬性 size屬性 checked屬性 (2)
用來指定文本的字體/大小/顏色
color:指定字體顏色
值可以指定為顏色名 如:red
或 十六進(jìn)制的顏色值 如:#000000
或 rgb三原色值 如:rgb(255,255,255)
2. 標(biāo)題標(biāo)簽
指定特定樣式字體的一組標(biāo)簽 (掌握)
一級(jí)標(biāo)簽
二級(jí)標(biāo)簽
三級(jí)標(biāo)簽
四級(jí)標(biāo)簽
五級(jí)標(biāo)簽
六級(jí)標(biāo)簽
屬性:
align:指定文本的排列
left
center
right
justify
3. 列表標(biāo)簽
定義列表
包裹定義列表
有序列表
開啟有序列表
屬性：
start:規(guī)定列表從第幾項(xiàng)開始
type:定義列表數(shù)字的格式
1,a,A,i,I
無序列表
定義一個(gè)無序列表
屬性:
type:定義項(xiàng)目符號(hào)的類型
disc square circle
4. img標(biāo)簽 -- 圖像標(biāo)簽
必選屬性:
src:圖片的路徑
alt:代替圖像顯示的文本
可選屬性:
width:寬度 px %
height:高度 px %
border:邊框的寬度 px
5. 超鏈接 -- 錨
用于指向當(dāng)前位置以外的資源
(1) 用于創(chuàng)建指向另外一個(gè)文檔的超鏈接
(2) 用于在當(dāng)前頁面的不同位置之間進(jìn)行跳轉(zhuǎn)
重要屬性:
href: 所指向資源的URL
name: 指定錨的名字（回頂部）
target: 指定瀏覽器打開目標(biāo)URL的方式。
_blank：在新窗口中打開目標(biāo)url
_self ：在當(dāng)前窗口中打開目標(biāo)url
6. 表格標(biāo)簽 --
定義一個(gè)HTML表格
定義表格中的行
定義表格中的單元格
定義表格中的表頭
table的重要屬性:
border 邊框?qū)挾?/span>
cellspacing 單元格之間的空白
cellpadding 邊框與單元格內(nèi)容之間的距離
bgcolor 背景顏色
bordercolor 邊框顏色
width 寬度
align 對(duì)齊方式
tr重要屬性:
align 對(duì)齊方式
bgcolor 背景顏色
th/td重要屬性:
align 對(duì)齊方式
bgcolor 背景顏色
width 寬度
height 高度
colspan 可橫跨的列數(shù)
rowspan 可豎跨的行數(shù)
7. 表單
(1)瀏覽器向服務(wù)器發(fā)送數(shù)據(jù)的方式, 有兩種
a)利用超鏈接向服務(wù)器發(fā)送數(shù)據(jù) -- 請(qǐng)求參數(shù)
在超鏈接的后面拼接上要發(fā)送的請(qǐng)求參數(shù), 鏈接和請(qǐng)求參數(shù)之間用?分割, 參數(shù)名和參數(shù)值用 = 連接, 多個(gè)參數(shù)之間用 & 分割, 可以存在多個(gè)同名的參數(shù)
b)利用表單向服務(wù)器發(fā)送數(shù)據(jù)
利用HTML中的
(2)form標(biāo)簽
必須存在的屬性:
action: 指定表單發(fā)送的目標(biāo)URL地址
可選的屬性:
method: 指定以何種方式發(fā)送表單
**http協(xié)議指定了7種提交方式, 其中5種不用, 只用GET提交和POST提交
只有使用表單并且明確的指定提交方式為post時(shí)(也就是設(shè)置method="POST")才是POST提交，其他提交都是GET提交．
GET提交和POST提交的區(qū)別：
主要區(qū)別體現(xiàn)在數(shù)據(jù)傳輸方式的不相同
a)GET提交: 請(qǐng)求參數(shù)會(huì)賦在地址欄后進(jìn)行傳輸
這種方式發(fā)送的數(shù)據(jù)量有限, 最大不超過1kb(或4kb)
數(shù)據(jù)顯示在地址欄, 安全性差
b)POST提交: 請(qǐng)求參數(shù)在底層流中傳輸
這種方式發(fā)送的數(shù)據(jù)量無限制
地址欄上看不到數(shù)據(jù), 比較安全
8. 表單中的項(xiàng)
表單中可以有多個(gè)輸入項(xiàng)，輸入項(xiàng)必須有name屬性才可以被提交，如果輸入項(xiàng)沒有name屬性，則表單在提交時(shí)會(huì)忽略它
(1) 輸入框
重要屬性:
type屬性
文本框 text 輸入的文本信息直接顯示在框中
name屬性
表單中可以有多個(gè)輸入項(xiàng)，輸入項(xiàng)必須有name屬性才可以被提交，如果輸入項(xiàng)沒有name屬性，則表單在提交時(shí)會(huì)忽略它. 另外name屬性的值是可以重復(fù)的
value屬性
type="button", "reset", "submit" - 定義按鈕上的顯示的文本
type="text", "password", "hidden" - 定義輸入字段的初始值
type="checkbox", "radio", "image" - 定義與輸入相關(guān)聯(lián)的值
注釋： 和 中必須設(shè)置 value 屬性。
注釋：value 屬性無法與 一同使用。
使當(dāng)前輸入項(xiàng)變?yōu)橹蛔x,不能修改,但是提交時(shí)仍會(huì)被提交
disabled
使當(dāng)前輸入項(xiàng)不可用,不能修改值,也不會(huì)被提交
指定當(dāng)前輸入框的寬度
指定單選框/復(fù)選框被選中