HTML基礎複習2

2022-06-18 13:00:15 字數 4150 閱讀 3079

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"

tablecellpadding屬性用來控制單元格中的內容到內邊框之間的距離

接上例:table border = "1" cellspace = "8" cellpadding = "8"

6.3設定**或單元格的寬度和高度

widthheight屬性值可以是畫素也可以是百分比,如果沒有設定那就預設為內容的寬度和高度

接上例: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屬性可以設定**在父容器中的水平位置,其值為leftcenterright,即在富容器中水平居左、居中、居右

6.6.2垂直位置

valign屬性用來控制單元格中的內容的垂直位置,其值為topmiddlebottom,即單元格中的內容在單元格內垂直居上、居中和居下,我們可以控制整行,也可以控制某個單元格

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 虛...