国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

課時41.表格的結構(了解)

鄒立鵬 / 1565人閱讀

摘要:我們打開上節課做出來的頁面,然后點擊鼠標右鍵檢查我們發現整個表格都是一個標簽,標題就是,而標題下面是我們上節課并沒有寫這個標簽,所以事實證明我們上節課寫的表格不是一個完整的表格,那么到底什么是一個完整的表格呢我們這節課來探討一下,但是這節知

  • 我們打開上節課做出來的頁面,然后點擊鼠標右鍵“檢查”

我們發現整個表格都是一個table標簽,標題就是caption,而標題caption下面是...

我們上節課并沒有寫這個標簽,所以事實證明我們上節課寫的表格不是一個完整的表格,那么到底什么是一個完整的表格呢?我們這節課來探討一下,但是這節知識只要求了解

  • 新建一個html文檔,ctrl+alt+n,命名為:25-表格的結構

1.由于表格中存儲的數據比較復雜,為了方便管理和閱讀以及提升語義,我們對表格中存儲的數據進行分類

表格中存儲的數據可以分為4類:

  1. 表格的標題(如上節課的例子:今日小說排行榜)
  2. 表格的表頭信息:每一列的標題(如:上節課的例子:排名,關鍵字,趨勢等)
  3. 表格的主體信息(如上節課的例子:暴走大事件,62375,408831,貼吧鏈接等等)
  4. 表格的頁尾信息

如下圖所示,

2.表格的完整結構

? ? ? ??

這是一個完整的表格的格式,

有一些注意點需要注意:

下面我們寫一個程序

? ? ? ?

寫完后用谷歌瀏覽器打開,一打開發現沒有邊框,如上圖右邊的樣式

我們發現這個列表沒有邊框,我們為了讓這個列表有邊框,我使用快捷一點的方法來設置,

,這里寫border=“1px”或者寫border=“1”都是一樣的,沒有區別,

? ? ? ??

然后我們發現這個表格比較窄,然后我們給它調寬一點,用

然后如下圖所示

? ? ? ? ? ??

然后我們給它指定一個高度height="300px",

? ? ? ? ?

我們發現整個表格變高了,但是thead和tfoot要矮一些

2.如果指定了thead和tfoot,那么修改整個表格的高度時,thead和tfoot有自己默認的高度,不會隨著表格的高度變化而變化,自己驗證一下,將height設置為500px

? ? ? ? ?

但是一定要注意,像這樣控制樣式的,都是通過css來控制的,表頭,表體,表尾,你想讓它有多寬多高就可以設置多寬多高,這些東西了解一下就可以了。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/2161.html

相關文章

  • 課時38.表格標簽屬性(了解

    摘要:寬度和高度的屬性可以給標簽和標簽使用標簽不能使用水平對齊和垂直對齊的屬性其中水平對齊可以給標簽和標簽和標簽使用垂直對齊只能給標簽和標簽使用外邊距和內邊距屬性只能給標簽使用補充上節課內容表格的寬度和高度默認是按照內容的尺寸來調整的也可以通過給1.寬度和高度的屬性 可以給table標簽和td標簽使用(tr標簽不能使用) 2.水平對齊和垂直對齊的屬性 其中水平對齊可以給table標簽和tr標簽和t...

    callmewhy 評論0 收藏0
  • 課時39.細線表格(理解)

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

    mist14 評論0 收藏0
  • 我是如何學習游戲引擎

    摘要:下面列舉了游戲開發中常見的崗位以及兩條常見的協作開發的流水線其實學習游戲引擎,前期對于任何崗位來說路線都是相似的,基本上就是一個熟悉基本操作理解基本概念拓展專業知識的過程。當然這不是絕對的,任何引擎的開始階段和大成階段都是相似的。 這是【游戲開發那些事】第51篇原創 前言:游戲引擎,表面...

    未東興 評論0 收藏0
  • 課時40.表格其它標簽(理解)

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

    gxyz 評論0 收藏0
  • 課時43.表格練習

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

    TesterHome 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看

    <