-9所示。
圖3-9 案例一效果
案例一的源代碼如下。
解析:這是一個4行4列的表格,因此在正常情況下是4個tr,每個tr裡麵有4個td。但是,因為需要讓第2行第2列和第3行第2列合並,屬於行合並,因此需要在第2個tr中的第2個td上設置rowspan=“2”,表示在這個位置向下合並一個單元格。這樣一來,便需要在下一個tr上的對應位置刪去一個td,表示合並。
再來舉一個稍微複雜的案例。
【案例二】
案例二的運行結果如圖3-10所示。
圖3-10 運行結果
源代碼如下。
利用這些table標簽,以及行合並、列合並的技巧,可以實現各種各樣的網頁布局,其實,在早期的網頁開發中,table標簽除了用來顯示一些列表數據外,還可以用來布局。案例三就是用table標簽製作的簡單布局。
【案例三】
案例三的運行結果如圖3-11所示。
圖3-11 運行結果
源代碼如下。
3.1.7 表單元素
相信你在瀏覽網頁的時候,經常會看到一些表單。比如,當你注冊某一個網站的會員時,就需要填寫一個表單,該表單裡麵有很多輸入框,需要你在對應的輸入框內填寫自已的用戶名、密碼、郵箱等信息,還有一些表單元素是單選按鈕、下拉框、複選框。正是由於表單的存在,使得網頁和用戶之間產生了一些交互元素。
關於form表單標簽的介紹如下。
描述: