您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關怎么在html中制作一個表格,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
制作表格我們需要使用標簽table在html中輸入table標簽,然后設置行和列,,tr代表行,td代表列,然后在行和列中輸入相關的內容。
預覽網頁我們發現,網頁顯示格式看起來不像是表格,因為沒有框線,這時候我們需要給table標簽設置邊框,border,如圖所示,在table標簽中,定義border的值,這樣再預覽網頁我們就可以看到表格樣式。
圖中的表格表頭和文本內容顯示格式一致,我們可以使用th標簽代替td標簽作為表格的表頭,系統自動將表頭內部的文本內容加粗居中顯示,這樣表頭格式就被著重定義出來。
可以使用caption標簽給表格添加標題,caption是table標簽的子標簽需要寫在table標簽內部,將需要定義的標題文本輸入到caption中。
兩行數值一樣的話可以設置為rowspan值,如圖所示,兩行數據一致,直接設置rowspan值為2,下一行的這個數值就不必單獨定義了,如果是三行數值一致,那么可以直接設置為3.
將多列相同數據一起顯示可以使用colspan來進行設置,如圖所示,第三列所有的內容都全部顯示一致,我們可以設置像表格中的合并效果然后一起顯示,這樣就不必每一列都輸入內容。
看完上述內容,你們對怎么在html中制作一個表格有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。