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