表 - 其中最重要的一個,但在同一時間複雜的元素必須出現在網頁上。 在他們的幫助很是方便在一個相當簡潔的形式應用的重要和有用的信息。 當然,大多數編輯模板,不同的發動機工作時,會自動插入一個表格到您的網站或單獨的出版物,但如果網站設計資源,從頭開始創建其網頁是什麼? 那麼新手主可能會得到一個問題:如何使一個 表中的HTML。 讓我們看看如何快速準確地創建項目。
選擇編輯器
首先,在開始創建一個表,你應該定義將在其中工作的編輯器。 當然,最簡單的方法,以選擇在其中創建一個基本的網站代碼的程序。 但最好是用於此目的的好舊記事本。
你可能會問,為什麼複雜的生活,因為如果你就在編輯器中所做的一切,那麼結果可以立即看到過,甚至還提示使用該程序。
是的,這是事實,但從頭開始創建一個表,你將不僅能夠徹底檢查其創作的原則,還要防止尷尬的錯別字和錯誤的底層代碼。 有時會發生偶然的機會,將光標向下移動,並在錯誤編寫代碼的過程中逐漸在,有時很難找到。 在筆記本上創建一個表,你可以將代碼複製並粘貼在你的地方。
該算法創建表
首先,做一個簡短的算法,如何使一個表中的HTML。 這是為了確保你了解每一步的序列。 然後分析究竟如何執行每個項目。
讓我們開始準備行動。
1.繪製在紙上表格圖像的示意圖。
2.計數行和細胞的數目。 如果不同以往的數量 - 單獨考慮每個ryadochka的。
3.確定在行頭的細胞(例如,«№»細胞,“名稱”和噸。D.)的數目。
4.記下表中的主要參數 - 顏色,高度和寬度,文本對齊方式 - 總之,一切,你似乎契合。
然後直接去創建表:
1.插入標記表中。
2.將根據你所需要的量線的標籤。
3.行插入細胞(正常和大寫)的標籤,也已記錄在紙上的量的基礎上。
4.為整個表中的參數。
5.如果您需要為單個細胞的參數。
6.在我們的單元格文本填寫。
創建一個表
所以,你選擇的編輯,現在讓我們來看看如何在HTML中創建一個表。 標籤,其允許表(
)被插入到所述網頁代碼配對,即,我們的施工開始與該標籤,並用 TABLE>結束。
插入標籤表,繼續創建行和單元格。
現在,我們注意到,這些元素也配對。 標籤
定義了一個串,且 - 細胞。
為上層的細胞應使用成對的元件 | 。
如已經提到的,第一步驟是畫一條線,那麼他們必須寄存器單元。 為了避免混淆,最好是做各塊之間的任何填充在一個或兩個線,或者規定通過使用“Tab”鍵的新塊的元素。
它怎麼能是什麼樣子? 事情是這樣的:
- <表>;
-
; -
№P / P 次>; -
名稱次>; - TR>;
-
; -
1 | ; -
諾夫 TD>; - TR>;
- TABLE>。
正如你所看到的,沒有什麼複雜了。 最主要的 - 不要迷失在行和細胞的數量。 否則,該表是傾斜的。
我們正在拆除中的HTML創建一個表,現在我們可以移動到兩個矩陣及其行和單元格的參數。
表選項 當代碼被寫入時,既要注意以下幾點:排列在 表中的HTML,顏色 的邊框,背景,文字等。
的參數表中的標籤 指定。 這些措施包括:
1.邊框 - 邊框的寬度。 一個整數定義。 默認情況下,任何表格邊框消失。
2. BORDERCOLOR - 邊框的顏色。 它可以作為十六進制顏色(#00008B),以及他對angliykom名(DarkBlue)。 默認情況下,它始終是灰色的。
3. BGCOLOR - 背景顏色。 正如代碼或名稱指定。
4.對齊 - 對齊對於表中的文本。 默認 - 在左邊。 有此參數的下列選項:
- 左 - 右包裝;
- 向左向右-obtekanie;
- 中心 - 在沒有流程中間的輸出表。
5.寬度和高度 - 寬度和表中的高度。 它可以是在像素或為百分比(相對於瀏覽器窗口大小)。
規定一個特定的指標,你應該特別注意的設計。 指定參數去符號“相等”,之後,在引號表示的預定值之後。
至於文字的顏色,然後做出來它以同樣的方式在HTML格式的純文本。
一個表的例子:
- <表邊界=“2”BORDERCOLOR =“#00008B”BGCOLOR =“#FFFFFF”ALIGN =“中心”寬度=“800”HEIGHT =“800”>;
-
; -
№P / P 次>; -
名稱次>; - TR>;
-
; -
1 | ; -
諾夫 TD>; - TR>;
- TABLE>。
參數行 因此,我們已經想出如何使一個表中的HTML,並規定其主要參數。 但是,如果我們有什麼需要分配一個字符串? 檢查出她的不作為表的主體?
線參數被寫入在相同的方式中的數據表中的標籤 | 。 排隊以下變量可以被定義為:
1.已經知道你的邊界,BORDERCOLOR和BGCOLOR。
2.對齊 - 對齊行文字。 它可以設置為左,中,右。
3. VALIGN - 標記對齊垂直文本。 它採用下列值:
- 頂 - 文本對準於上邊界;
- 中間 - 中間;
- 底 - 底邊緣。
示例行間隙:
-
; -
№P / P 次>; -
名稱次>; - TR>。
參數細胞 和過去的事情,你應該注意那些誰希望知道如何在HTML表格 - 單個細胞的參數,正常和資本。 事實上,一切都以同樣的方式作為一個表或行完成。 只有增加了兩個重要的因素:
1. colspan屬性 - 該參數指定的量,細胞可延伸的列數。
2.行跨度 - 已經表明該小區佔用的行數。
由於設計是從處方線沒有什麼不同,它不會導致樣品代碼。
發現 做一個表格是並不困難,因為它可能乍一看。 毅力和關注 - 它編寫代碼時最主要的。
至於如何在HTML中插入一個表格,然後它的代碼數量足以複製並粘貼到您的地點頁面,其中,在您看來,應該放置。
不要害怕嘗試,很快你完全掌握了創建表的技術。 祝你好運!
| |
| | |
| | | |
|