【WEB基础】HTML & CSS 基础入门(7)表格

表格的基本结构

表格是网页上最常见的元素,它除了可以用来展示数据,还常常被用来排版。虽然现在提倡使用DIV+CSS完成页面布局,但表格框架简单明了,对于繁杂的数据,一个简洁的表格能让其展现的极有条理。

简单来说,表格是由行、列(单元格)组成。表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行又由若干单元格(即列,由 <td> 标签定义)组成。表格单元格里可以包含文本、图片、列表、段落、表单、水平线、表格(嵌套)等等。

别罗嗦,看代码。

下面的代码是一个两行两列的表格。

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <table><!--表格开始--> <tr><!--表格第一行--> <td>姓名</td><!--第一行第一个单元格--> <td>张三</td><!--第一行第二个单元格--> </tr> <tr><!--表格第二行--> <td>民族</td><!--第二行第一个单元格--> <td>汉族</td><!--第二行第二个单元格--> </tr> </table><!--表格结束--> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpggxp.html