關於 Lamp 填坑式學習筆記(2)
HTML的表格標籤:
裡面的表格標籤 主要是就是 <table>表格標籤, <tr>行標籤, <td><th> 列標籤,這幾個。
大概的格式是這樣的:
表格標籤 ,<table> 屬性:
Align: left, center, right ,位置,左,中,右。
Border: 邊框粗度。。。
Width: 長
Height: 高
Cellspacing 邊框內的間距大小
cellpadding 顏色這個吧,反正用不上都使用CSS 來調的
定義標題 :<caption> 這個標籤可以定義標題,Align 這個屬性可以在標籤力量定義位置,而 Valign 可以對文字的位置進行調整,裡面有:
topn 對內容進行上對齊。
middlen 對內容進行居中對齊(默認值)。
bottomn 對內容進行下對齊。
baselinen 與基線對齊。
在來看看 Valign 這個的效果:對了表格和表格之間也是可以嵌套的,我這裡就不記錄,知道有這麼個東西就行了。
列標籤 :
也就是 <td> <th> , <td> 是普通的字體大小,< th> 是加粗後的字體。
他裡面的屬性也是可以添加的,主要有 :
Width
Height
Align: left, center, righ
Valign:top, middle, bottom
Colspan
rowspan
由於我上面截圖中,都用到了這些,我就不演示了。
HTML的窗口分幀:
分幀就是把一個瀏覽器文檔窗口分隔成多個窗口,每個窗口都可以顯示一個獨立的網頁文件,也就是說每個幀都可以設置自己的 URL 。
<frameset>標籤 :
屬性:rows 橫著分、cols 豎著分、 可以使用固定值,百分比和 * 三種
border、frameborder
1,
2,分幀這個是不利於搜索引擎來爬取的,而且一般這個都是用於後台這個方面。
由於這個分幀無法在 <body></body> 這個標籤里,所以只能靠網頁來擴充。
而 <frameset>里的屬性還有 :
border 控制邊框的粗細
frameborder 布爾型的只有 0,1 這兩個參數,存在邊框和不存在邊框。
<frame>標籤 :
屬性:
src 鏈接
name 名字
scrolling 控制滑輪,裡面的參數是 auto 在需要的情況下出現滾動條(默認值),yes 始終顯示滾動條(即使不需要),no 從不顯示滾動條(即使需要)。
noresize 固定位置
<a href=""> 的 target 屬性:
四個內置的取值:
_blank 在新窗口中打開被鏈接文檔
_parent 在父框架集中打開被鏈接文檔
_self 默認。在相同的框架中打開被鏈接文檔
_top 在整個窗口中打開被鏈接文檔
<noframes>標籤 :
noframes 元素可為那些不支持框架的瀏覽器顯示文本。noframes 元素位於 frameset 元素內部。
使用Microsoft Visual http://Studio.NET創建框架集
額,大概的意思就是如果不支持分幀,就會提示下面我寫的字。
<iframe>標籤 :這個標籤和 <frame> 里的參數是一樣的都是:src、name、scrolling、noresize 。
他的區別在於 分楨不能和body標籤及內容體共存 ,但是 <iframe> 可以。
這裡的 <iframe> 這個一般都是用樣式來調整的,我才學 HTML 這裡,所以樣式這個等學到了再記錄吧。
HTML的表單:
表單這個很重要了,我們一般的登錄界面啊,個人提交信息頁面啊,後台設置頁面啊,等很多的地方都是用表單這個來製作的。
<form> 標籤及其屬性 :
<from></form> 標籤對用來創建一個表單,即定義表單的 開始和結束位置,<form>標籤具有下面等屬性。
action屬性用來設置接收和處理瀏覽器遞交的表單內容的伺服器程 序的URL。相對和絕對 。
Method屬性用來定義瀏覽器將表單中的信息提交給伺服器端的處 理程序的方式,取值可以為:GET或POST 。
Target屬性用來指定伺服器返回結果顯示的目標窗口或目標幀。
Title屬性用來設置當網站訪問者的素、滑鼠在表單上的任一位置 停留過幾秒時,瀏覽器用黃色小浮標顯示的文本(如表單的名稱 或描述)。
Enctype屬性指示瀏覽器使用哪種編碼方法將表單數據傳送給www 伺服器。該屬性可以有兩種取值:
application/x-www-form-urlencoded(默認的設置)
multipart/form-data 文件上傳時,需要設置為這個值。
這個是大概的框架,算是完成了,下面再結合著 <input> 這個標籤再繼續走下去,因為 <input> 這個是提交的核心點。<input type=「submit」> 提交按鈕
<input type=「reset」> 重置按鈕
<input type=「text」> 屬性:size 限制顯示長度、value 默認顯示文字、maxlength 最大輸入字數限制、readonly 只讀模式無法修改、disabled
<input type=「checkbox」> 複選框,就是用來點的。 屬性:checked 默認選擇
<input type=「radio」> 單選框,使用該類型是,必須在一個組才行,就是 name 相同的,而且必須有個默認被選上才行,默認值是 checked 。
<input type=「hidden」> 隱藏塊
<input type=「password」> 提交密碼按鈕
<input type=「button」> 普通按鈕,沒有功能,得自己設置。
<input type=「file」> 文件上傳,前提是 enctype="multipart/form-data" 和是 POST 提交。
<input type=「image」> 圖片類型
<select></select><option></option> 下拉列表和里的值
<select>標籤的屬性:multiple 多選列表、size 顯示行數 , name 名字
<option>標籤的屬性:value 默認選擇、selected 下拉列表
如何在列表中實現取消選項
<textarea></textarea> 多行文本輸入 屬性:cols、rows
<label> 屬性:for、accesskey
1,
2,3,4,5,6,7,8,額,HTML 這個算常用的總結完了,下面繼續開始學習 CSS。。。推薦閱讀:
※關於 Lamp 填坑式學習筆記(3)
※用LAMP架站要多久?
※在 LAMP 或 LNMP 架構中,MySQL 的定位到底是怎樣的?
TAG:LAMP |