計算機軟件

使用HTML表

在HTML中,有這麼多的元素,和他們每個人在自己獨特的方式。 表 - 非常有趣,流行的和嚴肅的主題。 多虧了她,你不僅可以提供一個方便的形式的信息,而且要建立一個網站的框架。

此前,幾乎所有的網站管理員使用表格排版是網站。 最初,該表不拿出。 因此,我們必須使用一個塊的div元素,以紀念網站。

如果你不希望永遠是一個新手,立即得到用於正確做好每一件事。 這是HTML語言非常重要。 該表應放在只有平時的信息(文字,鏈接,列表,圖像,等等。P.),而不是整個網站作為一個整體。

如何使一個表HTML?

表 - 的複合元件,其由大量的其他元件。 請記住,在創建單元格或行的時候總是立即需要把關閉標籤。 否則會飛翔。 處理程序在瀏覽器將尋找元素的結束,直到他發現它,一切都將繼續在表中包含。 其結果將是粥。

如果你寫的“記事本”一個網站,那麼一切都將有自己的雙手做。 如果在最後的編輯器,通常有一個按鈕 - “插入表格”,“插入圖片”等。

實施例2表2中。

<表寬度=“100%”的邊界=“1”>

文本用於第一小區的第一行

第一小區的第二行的文本

第二行的所述第一小區的文本

第二行的所述第二小區的文本

標籤

和指示表的開始和結束。 標籤和 - 開始和行尾。 在同一行中可以是任何數目的由標籤,有一個附加的標籤
定義的細胞。

主要原則是:每行單元的數量必須相同。 這是一張桌子。

但是,如Word和Excel的編輯器,可以將細胞相互結合。

如何結合細胞的表?

合併和使用colspan屬性ROWSPAN屬性。 跨度被翻譯為“覆蓋”或“重疊”。 字面意思 - 覆蓋/關閉電池/行。

此屬性的值必須指定多少行或單元格將被阻止。 下面是使用兩者的說明性示例 HTML屬性 在表中。

在這個例子中,第一行3合併使用屬性合併單元格=“3”細胞。 然後,第二串的第一單元在四行拉伸。 請記住,拉伸/只組合在第一個單元格。 她的財產被傳播上。 所有這一切到來之前,將不會受到影響。

如果你要合併為2-4個細胞,那麼你只需要在小區2號指定屬性合併單元格=“3”。

注意在上面的圖中的時隙號9。 立即有匯集和單元格和行。 不禁止這種行為。

再看另一個例子,以確保信息。 由於一些混淆和屬性,而不是有時組合單元的行。

表格式

以HTML的一個普通的,標準的情況下。 表中的每個的兩個單元的兩行。

的代碼將是如下。

正如你所看到的,有沒有影響。 您可以添加一個框架,指定的寬度和高度。

您也可以與對準玩。 它可以在高度和寬度方向對齊。

對齊水平對齊,並VALIGN - 垂直。 這是這樣的結果。

屬性align和VALIGN可以應用到整行。 然後,所有的都在它的細胞將受到這些屬性。

除了標籤

。 事實上,它是類似物,但它僅用於在第一行和是標題。 默認情況下,在為中心並以粗體文本。

如何樣式連接表?

像任何 標記HTML, 該表可以通過風格來轉換。 您需要指定在頭樣式文件<鏈接相對=“樣式的”href =的http://網站/article/255972/%E2%80%9Cstyle.css%E2%80%9D類型=“文/ CSS”>或準備風格(如頭說)。

...

<風格類型=“文本/ CSS ”>

表{

FONT-FAMILY:宋體,宋體,黑體,無襯線;

顏色:#000000;

}

.my_class

{

顏色:#666666;

}

...

如果指定了表,那麼這種風格將適用於網頁上的所有表。 當然每個人。 但是,如果使用第二種方法,這表示這些點的任意名稱,那麼這種風格可以應用到任何需要的表,而不會影響其他。

<表類=“my_class”>

請注意,類可用於為表標籤和特定的單元格或行。

<表類=“style_table”寬度 =“ 100%”的邊界=“1”>

第一小區的第一行的文本

第一小區的第二行的文本

第二行的所述第一小區的文本

第二行的所述第二小區的文本

如果藝術家某處錯誤的風格,結果就看不到。 但是,如果在風格上有錯誤,但名稱是一樣的,效果也不會。 每個逗號或結腸起著重要的作用。

在表中其他屬性

什麼屬性可以在風格類中寫的? 有專門適用於該表的許多屬性。 考慮哪些最基本的是非常有用的。

對齊

水平對齊

VALIGN

垂直對齊

背景

在小區/表背景圖像

BGCOLOR

的背景色 的細胞

BORDERCOLOR

鏡架顏色表/細胞

高度

單元格高度

NOWRAP

禁止在字符串文本換行。

寬度

將細胞/表的寬度

正如你所看到的,使用HTML表格中可以是“工具”一個巨大的數字。

美麗的使用HTML表格創建的。 例子

由於款式,你可以創造出各種美麗的表。 這一切都取決於你喜歡什麼,以及如何。 這就像烹飪。 該成分是相同的,而更多的選項有很多食譜。

正如你所看到的,如果你使用的HTML標籤,該表可以轉化面目全非。 可能限制你的想像力確定。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhtw.unansea.com. Theme powered by WordPress.