目录
前言
初始HTML可以使用表格来完成指定的布局。表格用于显示数据,可以使数据显示整齐、规范。
学习目标:
应用一:表格
Table是一个常用的标签,但是它并不是用来布局的,而是用来展示数据,让数据显示的整齐、规范。
特别是在后台展示数据的时候,熟练使用表格是非常重要的,我们今天的主要任务就是使用表格来制作个人简历表格。
1. 创建表的基本语法
<table border="" cellspacing="" cellpadding="">
<tr>
<td>单元格内的文字td>
tr>
table>
2. 表属性

2. 练习 1. 代码
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<table border="2" cellspacing="0" cellpadding="0" width="750px" height="950px" align="center" bordercolor="black" >
<caption><b>个人简历b>caption>
<tr height="50px">
<td width="100px" align="center"><b>姓名b>td>
<td width="100px">td>
<td width="100px" align="center"><b>性别b>td>
<td width="100px">td>
<td width="100px" align="center"><b>民族b>td>
<td width="100px">td>
td>
tr>
<tr height="50px">
<td align="center"><b>出生年月b>td>
<td>td>
<td align="center"><b>政治面貌b>td>
<td>td>
<td align="center"><b>婚姻状况b>td>
<td>td>
tr>
<tr height="50px">
<td align="center"><b>籍贯b>td>
<td>td>
<td align="center"><b>现所在地b>td>
<td>td>
<td align="center"><b>毕业学校b>td>
<td>td>
tr>
<tr height="50px">
<td align="center"><b>学历b>td>
<td>td>
<td align="center"><b>学制b>td>
<td>td>
<td align="center"><b>专业b>td>
<td>td>
tr>
<tr height="50px">
<td align="center"><b>爱好特长b>td>
<td colspan="6">td>
tr>
<tr height="50px">
<td align="center"><b>专业技能b>td>
<td colspan="6">td>
tr>
<tr height="50px">
<td align="center"><b>英语水平b>td>
<td colspan="2">td>
<td align="center"><b>计算机水平b>td>
<td colspan="3">td>
tr>
<tr height="50px">
<td align="center"><b>联系电话b>td>
<td colspan="2">td>
<td align="center"><b>电子邮箱b>td>
<td colspan="3">td>
tr>
<tr height="50px">
<td align="center"><b>求职意向b>td>
<td colspan="6">td>
tr>
<tr height="50px">
<td align="center" colspan="7"><b>学习及实践经历b>td>
tr>
<tr height="50px">
<td colspan="2" align="center"><b>时间b>td>
<td colspan="3" align="center"><b>学校或单位b>td>
<td colspan="3" align="center"><b>内容b>td>
tr>
<tr height="50px">
<td colspan="2">td>
<td colspan="3">td>
<td colspan="3">td>
tr>
<tr height="50px">
<td colspan="2">td>
<td colspan="3">td>
<td colspan="3">td>
tr>
<tr height="50px">
<td colspan="2">td>
<td colspan="3">td>
<td colspan="3">td>
tr>
<tr height="50px">
<td colspan="2">td>
<td colspan="3">td>
<td colspan="3">td>
tr>
<tr height="200px">
<td><b>自我评价b>td>
<td colspan="6">td>
tr>
tab>
body>
html>
2.渲染

总结
以上就是关于表格的学习,我们掌握了表格布局的基本用法,还没有学习CSS,所以没有重点学习外观的设计,总之表格的学习要求就是会手写表格结构,会简单的合并单元格。
相关推荐: