尚学堂学习 08HTML复习+09HTML简历制作

最新推荐文章于 2021-05-06 19:55:06 发布

原创最新推荐文章于 2021-05-06 19:55:06 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

html学习专栏收录该内容

6 篇文章

订阅专栏

本文回顾了HTML的基础知识，包括标准文档结构、head与body标签的使用，以及图片、超链接和表格标签的具体应用，最后通过一个简历制作的实例展示了HTML在实际场景中的运用。

08-HTML复习

<html>
	<head>
		<title>HTML复习</title>
		<meta charset="UTF-8"/>
		<!--搜索引擎优化-->
		<meta name="keywords" content="HTML,sxt"/>
		<meta name="description" content="HTML学习,特别简单."/>
		<meta name="author" content="wollo,mr赵"/>
		<!--定时跳转资源-->
		<!--<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/>-->
	</head>
	<body>
		<h3>HTML复习</h3>	
		<hr />
		<p>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天天气真好,适合学习. <b>HTML</b>的学习真的很有意思,可惜马上就讲完啦!不过瘾<br />
			但是马上又要学习<i>CSS</i>了,<u>好激动好刺激</u>.
		</p>
		<dl>
			<dt><b>HTML的学习内容:</b></dt>
			<dd>HTML的标准文档结构</dd>
			<dd>HTML的head标签</dd>
			<dd>HTML的body标签</dd>
			<dd><a href="05-HTML-图片标签学习.html" target="_blank">HTML的图片标签</a></dd>
			<dd><a href="06-HTML-超链接标签.html" target="_blank">HTML的超链接标签(锚点)</a></dd>
			<dd><a href="07-HTML-表格标签学习.html" target="_blank">HTML的表格标签(简历制作)</a></dd>
			<dd><a href="09-HTML-简历制作(作业).html" target="_blank">简历制作作业处理</a></dd>
		</dl>
	</body>
</html>

下边为程序运行结果

09-THML简历制作

下边为具体表格代码

<html>
	<head>
		<title>简历作业</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<h3>简历作业</h3>
		<hr />
		<table border="1px" cellspacing="0px" style="border-bottom: none;">
			<tr height="27px">
				<td colspan="5">基本情况</td>
			</tr>
			<tr height="27px">
				<td width="120px">姓名</td>
				<td width="120px"></td>
				<td width="120px">性别</td>
				<td width="120px"></td>
				<td width="120px" rowspan="7"></td>
			</tr>
			<tr height="27px">
				<td>民族</td>
				<td></td>
				<td>出生年月</td>
				<td></td>
		
			</tr>
			<tr height="27px">
				<td>政治面貌</td>
				<td></td>
				<td>健康</td>
				<td></td>
			
			</tr>
			<tr height="27px">
				<td>籍贯</td>
				<td></td>
				<td>学历</td>
				<td></td>
		
			</tr>
			<tr height="27px">
				<td>电子信箱</td>
				<td></td>
				<td>联系电话</td>
				<td></td>
		
			</tr>
			<tr height="27px">
				<td>专业</td>
				<td colspan="3"></td>
			</tr>
			<tr height="27px">
				<td>毕业院校</td>
				<td colspan="3"></td>
			</tr>
			<tr height="27px">
				<td>求职意向</td>
				<td colspan="4"></td>
			</tr>
		</table>
		<table border="1px" cellspacing="0px" style="border-top: none;border-bottom: none;">
			<tr height="27px">
				<td colspan="4">教育情况</td>
			</tr>
			<tr height="27px">
				<td width="151px">时间</td>
				<td width="151px">院校</td>
				<td width="151px">专业</td>
				<td width="151px">学历</td>
			</tr>
			<tr height="27px">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="27px">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
		<table border="1px" cellspacing="0px" style="border-top: none;">
			<tr height="27px">
				<td colspan="4">培训经历</td>
			</tr>
			<tr height="27px">
				<td width="151px">时间</td>
				<td width="151px">培训机构</td>
				<td width="151px">课程</td>
				<td width="151px">证书</td>
			</tr>
			<tr height="27px">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height="27px">
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

下边为具体程序运行结果