標籤:

關於 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,

3,

4,

5,

分幀這個是不利於搜索引擎來爬取的,而且一般這個都是用於後台這個方面。

由於這個分幀無法在 <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 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 |