6.**
6.1建立**:
**由標籤來定義 每行由
來定義,每行被分割為若干單元格,由
來定義
資料單元格可以包含文字、、列表、段落、表單、水平線
一列 100
一行三列
100200300
三行三列
![d0def294ed096a8940d8d4e67e557edf.png](en-resource://database/2581:1)
周一周二週三
100200300
100200300
6.2**的邊框
上例中的border = "1"
就是用來設定**邊框的,它規定**的邊框為1畫素,border
只能控制外邊框的粗細
所以我們用cellspacing
屬性來控制內邊框的粗細,即單元格與單元格之間的距離
根據上例:table border = "1" cellspace = "8"
table
的cellpadding
屬性用來控制單元格中的內容到內邊框之間的距離
接上例:table border = "1" cellspace = "8" cellpadding = "8"
6.3設定**或單元格的寬度和高度
width
和height
屬性值可以是畫素也可以是百分比,如果沒有設定那就預設為內容的寬度和高度
接上例:table border = "1" cellspace = "8" cellpadding = "8" width = "300" height = "300"
也有
height
屬性,表示該行的高度,若值為百分比的形式,則表示該行佔整個**的高度的百分比
也有
width
屬性,表示該單元格所在列的寬度,若值為百分比的形式,則表示該列佔整個**的寬度的百分比
6.4**的背景設定
**的bgcolor
屬性可以用來設定**的背景顏色
background
屬性用來設定設定**的背景
也可以單獨設定某行或某個單元格的背景
6.5**邊框顏色的設定
bordercolor
屬性可以設定**的外邊框顏色
6.6**的位置
6.6.1水平位置
align
屬性可以設定**在父容器中的水平位置,其值為left
或center
或right
,即在富容器中水平居左、居中、居右
6.6.2垂直位置
valign
屬性用來控制單元格中的內容的垂直位置,其值為top
、middle
和bottom
,即單元格中的內容在單元格內垂直居上、居中和居下,我們可以控制整行,也可以控制某個單元格
6.7為**新增表頭和標題
用標記為**新增標題,標題將相對於**居中顯示
標記用來**新增表頭,它將替換相應位置的
標記,在該標記內的文字為粗體且在單元格內中居中顯示
6.8單元格的合併
6.8.1跨行
跨行也就是將單元格縱向合併,只要設定標記中的
rowspan
屬性就可以實現,rowspan
的取值為數字
6.8.2跨列
跨列也就是將單元格橫向合併,只設定標記中的
colspan
屬性就可以實現,colspan
的取值為數字
7表單表單使用表單標籤
「name」屬性為表單起乙個名字;「method」屬性用於設定傳送資料的方式。取值有兩個,「post」和「get」,「action」屬性指明伺服器端處理程式的名稱,即當點選「提交」按鈕後所提交的位址。
面試:post:提交的資料不會顯示到位址列上,相對安全;位址列上的資料長度沒有限制
get:預設為get提交,提交的資料會顯示到位址列上,不安全;位址列上的資料長度有限
常用的表單元素
7.1輸入元素input
7.1.1文字域
type="text"
宣告表單元素為單行文字框
name
為文字框命名
value
設定文字框中初始的文字內容,不填則空
size
設定文字框的顯示長度
maxlength
設定文字框可輸入的最大字元數
7.1.2密碼輸入框
把type
屬性的值變為password
即可
7.1.3單選框
把type
屬性的值變為radio
來實現
女
value
後跟著提交的資料
checked
預設選中項
7.1.4核取方塊
value
後面跟著提交的資料
7.1.5提交按鈕
7.1.6重置按鈕
7.1.7普通按鈕
7.1.8按鈕
功能和提交按鈕一樣,能夠將表單提交
7.1.9隱藏域
頁面無法檢視該域,但是它會隨著表單的提交而被提交
7.1.10檔案域
7.2下拉框
7.3多行文字框
結束標記不要換行
8.框架
frameset(框架集,取代body
)中常見的屬性
rows=""
:設定框架集每個乙個框架占用的大小
cols=""
:設定框架集每個乙個框架占用的大小
border=""
:設定框架集邊框的粗細
bordercolor=""
:設定框架集邊框的顏色
frameborder=""
:設定是否有邊框 0有1沒有
frame中常見的屬性
noresize="
noresize":設定該框架不能任意拖動
src=""
:該框架引入頁面的路徑
name=""
:為框架起名,target="框架名稱"
scrolling="no|yes"
:該框架是否允許滾動 no代表不允許滾動,yes代表允許滾動
8.5浮動框架
:可以當做html中的乙個標籤
8.5.1浮動框架中常見的屬性
src=""
:該浮動框架引入頁面的路徑
width=""
:設定浮動框架的寬度
height=""
:設定浮動框架的高度
scrolling=""
:該框架是否允許滾動 no代表不允許滾動,yes代表允許滾動
frameborder=""
:設定是否有邊框 0有1沒有
name=""
:給框架取名稱
align=""
:設定框架水平對齊方式
HTML基礎複習4
css的應用 模組的邊框 設定邊框樣式 border style 如果是乙個值那麼表示四個邊的樣式都一樣 如果是兩個值那麼第乙個值代表上下,第二個值代表左右 如果是三個值,第乙個值代表上,第二個值代表左右,第三個值代表下 如果是四個值,按順序代表上 右 下 左,none表示沒有邊框 dashed 虛...
HTML基礎複習(一)
html 超文字標記語言 hypertext markup language 不是一種程式語言,是標記語言 html元素 段落 html標籤 段落 html宣告 並不是標籤 html5 html4.0.1 strict html 4.01 transitional html 4.01 framese...
HTML基礎複習4
css的應用 模組的邊框 設定邊框樣式 border style 如果是乙個值那麼表示四個邊的樣式都一樣 如果是兩個值那麼第乙個值代表上下,第二個值代表左右 如果是三個值,第乙個值代表上,第二個值代表左右,第三個值代表下 如果是四個值,按順序代表上 右 下 左,none表示沒有邊框 dashed 虛...