HTML 表格制作个人简历表:学习目标、基本语法与属性详解

admin 2024-07-22 323 0

目录

前言

初始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,所以没有重点学习外观的设计,总之表格的学习要求就是会手写表格结构,会简单的合并单元格。