HTML——使用表格制作个人简历

文章目录

  • 前言
  • 一、表格
    • 1.创建表格的基本语法
    • 2.表格属性
  • 二、练习
    • 1.代码
    • 2.效果图
  • 总结


前言

初始HTML,能够使用表格完成指定布局。表格是用来展示数据,能够让数据显示整齐规范。

学习目标:

  • 理解
    • 能说出表格用来做什么的
    • 表格的基本结构组成
  • 应用
    • 能够熟练写出n行n列的表格
    • 能够简单的合并单元格

一、表格

表格是一种常见的标签,但不是用来布局的,是用来显示数据,可以使数据显示整齐规范
尤其是在后台展示数据的时候,表格运用是否熟练就显得十分重要。我们今天的主要任务就是,使用表格制作一个个人简历表。

1.创建表格的基本语法

		<table border="" cellspacing="" cellpadding="">
			<tr>
				<td>单元格内的文字td>
			tr>
		table>

2.表格属性

HTML——使用表格制作个人简历_第1张图片

二、练习

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.效果图

HTML——使用表格制作个人简历_第2张图片

总结

以上就是关于表格的学习,掌握了表格布局的基本使用方法,暂且没有学习到CSS,所以我们没有注重外观的设计。总之,关于表格的学习要求就是能够手写表格的结构,简单合并单元格。

你可能感兴趣的:(HTML——使用表格制作个人简历)