課時38.表格標簽的屬性（了解）

callmewhy 發(fā)布于2019-04-23 13:37 / 2805人閱讀

摘要：寬度和高度的屬性可以給標簽和標簽使用標簽不能使用水平對齊和垂直對齊的屬性其中水平對齊可以給標簽和標簽和標簽使用垂直對齊只能給標簽和標簽使用外邊距和內(nèi)邊距屬性只能給標簽使用補充上節(jié)課內(nèi)容表格的寬度和高度默認是按照內(nèi)容的尺寸來調(diào)整的也可以通過給

1.寬度和高度的屬性

可以給table標簽和td標簽使用（tr標簽不能使用）

2.水平對齊和垂直對齊的屬性

其中水平對齊可以給table標簽和tr標簽和td標簽使用

垂直對齊只能給tr標簽和td標簽使用

3.外邊距和內(nèi)邊距屬性

只能給table標簽使用

補充上節(jié)課內(nèi)容：

1.1表格的寬度和高度默認是按照內(nèi)容的尺寸來調(diào)整的

也可以通過給table標簽設置width/height屬性的方式來手動指定表格的寬度和高度

1.2如果給td標簽設置width/height屬性，會修改當前單元格的寬度和高度，不會影響整個表格的寬度和高度

水平

2.1給table標簽設置align屬性，可以控制表格在水平方向的對齊方式（只能設置水平方向，不能設置垂直方向）

2.2 給tr標簽設置align屬性，可以控制當前單元格內(nèi)容在水平方向的對齊方式

注意點：

如果td中設置了align屬性，tr中也設置了align屬性，那么單元格中的內(nèi)容會按照td中設置的來對齊

垂直：

2.4給tr標簽設置valign屬性，可以控制當前行中所有單元格中的內(nèi)容在垂直方向的對齊方式

2.5給td標簽設置valign屬性，可以控制當前單元格中的內(nèi)容在垂直方向的對齊方式

align:? left? ? center? right

valign:top? ? ?center? ?bottom

注意點：如果給td中設置了valign屬性，tr中也設置了valign屬性，那么單元格中的內(nèi)容會按照td中設置的來對齊

3.1默認情況下單元格和單元格之間的外邊距的距離是2px

在table中寫

可以看到?jīng)]有外邊距的樣子

3.2內(nèi)邊距就是單元格的邊框和文字之間的間隙，我們稱之為內(nèi)邊距，內(nèi)邊距的默認值是1，用cellspacing="20"來檢測，改完以后發(fā)現(xiàn)文字距離單元格的間隙變大了

GPU云服務器云服務器 html標簽的屬性 html表格的標簽為標簽屬性屬性表格

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/2106.html

課時39.細線表格（理解）

摘要：請你設計出以下圖片里的這個樣式的表格步驟我先來制作一個兩行兩列的表格將里的設置成外邊距是不見了，但是和我們想要完成的圖片有一定的差距，我們發(fā)現(xiàn)這樣做出來的圖片好像是兩條線合并到了一起一樣，實際上確實是兩條線合并到了一起的，它是將每個單元格請你設計出以下圖片里的這個樣式的表格步驟：我先來制作一個兩行兩列的表格 ? ? ? ? ? ? ? ? ? ? ?? ? ? 2.將tab...

mist14 2019-04-23 13:39 評論0 收藏0
課時41.表格的結(jié)構（了解）

摘要：我們打開上節(jié)課做出來的頁面，然后點擊鼠標右鍵檢查我們發(fā)現(xiàn)整個表格都是一個標簽，標題就是，而標題下面是我們上節(jié)課并沒有寫這個標簽，所以事實證明我們上節(jié)課寫的表格不是一個完整的表格，那么到底什么是一個完整的表格呢我們這節(jié)課來探討一下，但是這節(jié)知我們打開上節(jié)課做出來的頁面，然后點擊鼠標右鍵檢查我們發(fā)現(xiàn)整個表格都是一個table標簽，標題就是caption，而標題caption下面是... ...

鄒立鵬 2019-04-23 13:39 評論0 收藏0
課時40.表格中的其它標簽（理解）

利用我們表格標簽來做一個案例：通過這個案例來給大家介紹下表格標簽中的其它標簽 1.ctrl+alt+n新建一個文件，命名為24-表格標簽的其它標簽然后我們在這個程序中輸入代碼，我們觀察這個圖片發(fā)現(xiàn)標題是h2，然后下面是一個表格標簽，一共是六行六列，我們先做出來標題欄出現(xiàn)這種樣式，發(fā)現(xiàn)看不到邊框，因為表格邊框默認為0，并且圖片中是一個細線表格，所以我們要按上節(jié)課學的來制作細線表格,我們...

gxyz 2019-04-23 13:39 評論0 收藏0
課時43.表格練習

摘要：這節(jié)課我們來練習幾個樣式的表格快捷鍵總結(jié)快速移動選中的代碼，上下移動往上移動向上箭頭往下移動向下箭頭快速合并和展開代碼合并和展開的是一個標簽合并展開快速合并和展開代碼合并和展開選中的所有標簽合并展開快速新啟一行回車這節(jié)課我們來練習幾個樣式的表格 1. 2. 3. 4. 快捷鍵總結(jié) 快速移動選中的代碼，上下移動往上移動：ctrl+shift+向上箭頭往下移動：ctrl+shi...

TesterHome 2019-04-23 13:39 評論0 收藏0
課時47.datalist標簽（了解）

摘要：標簽作用給輸入框綁定待選項格式待選項內(nèi)容如何給輸入框綁定待選列表搞一個輸入框搞一個列表給列表標簽添加一個給輸入框添加一個屬性，將的對應的值賦值給即可這個東西我們只要是了解即可，因為很多瀏覽器都不支持1.datalist標簽作用：給輸入框綁定待選項 2.datalist格式：待選項內(nèi)容 ? ? ? ? 3.如何給輸入框綁定待選列表？搞一個輸入框搞一個datalist列表給dat...

Hancock_Xu 2019-04-23 13:38 評論0 收藏0