什么是表格心傀？
表格屈暗，是指按所需的內(nèi)容項(xiàng)目畫成格子，分別填寫文字或數(shù)字的書面材料脂男，便于統(tǒng)計(jì)查看养叛。在HTML中，表格就是一個(gè)個(gè)成行排列的單元格宰翅。例如某單位里人員名單弃甥，包含姓名、性別堕油、聯(lián)系方式潘飘、職務(wù)等信息肮之，就連可以用一個(gè)表格來顯示掉缺。
如上表所示的一個(gè)表格，就可以用HTML來制作戈擒。其中眶明，HTML表格元素使用table標(biāo)簽，表格元素的所有內(nèi)容都放置在table的起始標(biāo)簽和結(jié)束標(biāo)簽內(nèi)筐高，表格的行元素使用tr標(biāo)簽搜囱，一對tr標(biāo)簽（標(biāo)簽的起始標(biāo)簽和結(jié)束標(biāo)簽稱為一對標(biāo)簽）表示表格的一行丑瞧。表格的單元格放置在tr標(biāo)簽內(nèi)，單元格又分為表頭（表格的開頭部分）和表格單元格（表格的主體部分）蜀肘，表頭使用th標(biāo)簽绊汹，表格單元格使用td標(biāo)簽“绯瑁基本表格結(jié)構(gòu)如下西乖。
下面是代碼在瀏覽器的實(shí)現(xiàn)效果，從顯示效果可以看出坛增，表格為四行四列获雕，第一行為表頭，使用tr標(biāo)簽收捣，tr標(biāo)簽內(nèi)的單元格使用th標(biāo)簽届案，標(biāo)簽間的內(nèi)容為加粗字體，起到強(qiáng)調(diào)的作用罢艾；第二楣颠、三、四行為表格主體咐蚯，也使用tr標(biāo)簽球碉，tr標(biāo)簽內(nèi)的單元格使用td標(biāo)簽，標(biāo)簽間的內(nèi)容為普通字體仓蛆。
邊框：
上邊的顯示效果雖然是出來了睁冬，但是有很明顯的弊端——行列之間沒有任何分割，表格結(jié)構(gòu)不是十分清晰看疙，閱讀不是十分方便豆拨，甚至可能會出錯(cuò)。這時(shí)候能庆，我們可以通過添加屬性boder來設(shè)置邊框線施禾，border的值為邊框線的寬度，單位為像素搁胆。如弥搞，我們可以給上面邊框加一個(gè)寬度為1像素的邊框：
實(shí)現(xiàn)現(xiàn)過如下：
表格單元格間距離（cellspacing）
單元格間距離是指表格行與行之間、列與列之間的距離渠旁，table標(biāo)簽的cellspacing屬性用于設(shè)置表格單元格之間的距離攀例，cellspacing屬性的值是像素。例如顾腊，我們可以在前面HTML文檔的table標(biāo)簽添加cellspacing屬性粤铭，屬性的值為20像素。如下圖：
實(shí)現(xiàn)效果如下：
單元格內(nèi)間距（cellpadding）
單元格內(nèi)間距是指表格單元格內(nèi)容與單元格邊框線之間的距離杂靶。在上圖表格中梆惯，單元格的內(nèi)容與單元格邊框線緊挨在一起酱鸭，沒有間距，表格加上邊框線后垛吗，顯得不夠直觀凹髓。這時(shí)我們可以在前面HTML文檔的table標(biāo)簽添加cellpadding屬性，屬性的值為20像素怯屉。如下圖：
但是上邊很明顯不是我們想要的效果扁誓，這時(shí)，我們只需要將cellspacing值設(shè)置為0即可蚀之。如下圖：
這樣蝗敢，我們就實(shí)現(xiàn)了一個(gè)表格的基本內(nèi)容。后邊會繼續(xù)美化這個(gè)表格足删。
