亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

課時(shí)41.表格的結(jié)構(gòu)（了解）

鄒立鵬 / 1630人閱讀

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

  • 我們打開上節(jié)課做出來的頁面，然后點(diǎn)擊鼠標(biāo)右鍵“檢查”

我們發(fā)現(xiàn)整個(gè)表格都是一個(gè)table標(biāo)簽，標(biāo)題就是caption，而標(biāo)題caption下面是...

我們上節(jié)課并沒有寫這個(gè)標(biāo)簽，所以事實(shí)證明我們上節(jié)課寫的表格不是一個(gè)完整的表格，那么到底什么是一個(gè)完整的表格呢？我們這節(jié)課來探討一下，但是這節(jié)知識(shí)只要求了解

  • 新建一個(gè)html文檔，ctrl+alt+n，命名為：25-表格的結(jié)構(gòu)

1.由于表格中存儲(chǔ)的數(shù)據(jù)比較復(fù)雜，為了方便管理和閱讀以及提升語義，我們對(duì)表格中存儲(chǔ)的數(shù)據(jù)進(jìn)行分類

表格中存儲(chǔ)的數(shù)據(jù)可以分為4類：

  1. 表格的標(biāo)題（如上節(jié)課的例子：今日小說排行榜）
  2. 表格的表頭信息：每一列的標(biāo)題（如：上節(jié)課的例子：排名，關(guān)鍵字，趨勢(shì)等）
  3. 表格的主體信息（如上節(jié)課的例子：暴走大事件，62375，408831，貼吧鏈接等等）
  4. 表格的頁尾信息

如下圖所示，

2.表格的完整結(jié)構(gòu)

? ? ? ??

這是一個(gè)完整的表格的格式，

有一些注意點(diǎn)需要注意：

下面我們寫一個(gè)程序

? ? ? ?

寫完后用谷歌瀏覽器打開，一打開發(fā)現(xiàn)沒有邊框，如上圖右邊的樣式

我們發(fā)現(xiàn)這個(gè)列表沒有邊框，我們?yōu)榱俗屵@個(gè)列表有邊框，我使用快捷一點(diǎn)的方法來設(shè)置，

，這里寫border=“1px”或者寫border=“1”都是一樣的，沒有區(qū)別，

? ? ? ??

然后我們發(fā)現(xiàn)這個(gè)表格比較窄，然后我們給它調(diào)寬一點(diǎn)，用

然后如下圖所示

? ? ? ? ? ??

然后我們給它指定一個(gè)高度height="300px"，

? ? ? ? ?

我們發(fā)現(xiàn)整個(gè)表格變高了，但是thead和tfoot要矮一些

2.如果指定了thead和tfoot，那么修改整個(gè)表格的高度時(shí)，thead和tfoot有自己默認(rèn)的高度，不會(huì)隨著表格的高度變化而變化，自己驗(yàn)證一下，將height設(shè)置為500px

? ? ? ? ?

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

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

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

相關(guān)文章

  • 課時(shí)38.表格標(biāo)簽的屬性（了解）

    摘要：寬度和高度的屬性可以給標(biāo)簽和標(biāo)簽使用標(biāo)簽不能使用水平對(duì)齊和垂直對(duì)齊的屬性其中水平對(duì)齊可以給標(biāo)簽和標(biāo)簽和標(biāo)簽使用垂直對(duì)齊只能給標(biāo)簽和標(biāo)簽使用外邊距和內(nèi)邊距屬性只能給標(biāo)簽使用補(bǔ)充上節(jié)課內(nèi)容表格的寬度和高度默認(rèn)是按照內(nèi)容的尺寸來調(diào)整的也可以通過給1.寬度和高度的屬性 可以給table標(biāo)簽和td標(biāo)簽使用（tr標(biāo)簽不能使用） 2.水平對(duì)齊和垂直對(duì)齊的屬性 其中水平對(duì)齊可以給table標(biāo)簽和tr標(biāo)簽和t...

    callmewhy 評(píng)論0 收藏0

  • 課時(shí)39.細(xì)線表格（理解）

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

    mist14 評(píng)論0 收藏0

  • 我是如何學(xué)習(xí)游戲引擎的？

    摘要：下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實(shí)學(xué)習(xí)游戲引擎，前期對(duì)于任何崗位來說路線都是相似的，基本上就是一個(gè)熟悉基本操作理解基本概念拓展專業(yè)知識(shí)的過程。當(dāng)然這不是絕對(duì)的，任何引擎的開始階段和大成階段都是相似的。 這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言：游戲引擎，表面...

    未東興 評(píng)論0 收藏0

  • 課時(shí)40.表格中的其它標(biāo)簽（理解）

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

    gxyz 評(píng)論0 收藏0

  • 課時(shí)43.表格練習(xí)

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

    TesterHome 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
        • <ul id="2uisq"><pre id="2uisq"></pre></ul>
          

<