HTML练习

已于 2022-02-14 10:56:52 修改
阅读量352 收藏
点赞数
分类专栏： 练习 文章标签： html 前端
于 2022-02-13 20:54:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44125413/article/details/122912800
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3 align="center">个人简历</h3>
		<table border="1" width="534" height="695" align="center" cellspacing="0">
			<tr height="35" align="center">
				<td width="65" bgcolor="cornflowerblue">姓名</td>
				<td width="130"></td>
				<td width="65" bgcolor="cornflowerblue">性别</td>
				<td width="130"></td>
				<td rowspan="5">照片</td>
			</tr>
			<tr height="35" align="center">
				<td bgcolor="cornflowerblue">出生年月</td>
				<td></td>
				<td bgcolor="cornflowerblue">籍贯</td>
				<td></td>
			</tr>
			<tr height="35" align="center">
				<td bgcolor="cornflowerblue">政治面貌</td>
				<td></td>
				<td bgcolor="cornflowerblue">民族</td>
				<td></td>
				
			</tr>
			<tr height="35" align="center">
				<td bgcolor="cornflowerblue">健康状况</td>
				<td></td>
				<td bgcolor="cornflowerblue">婚姻状况</td>
				<td></td>
				
			</tr>
			<tr height="35" align="center">
				<td bgcolor="cornflowerblue">联系电话</td>
				<td></td>
				<td bgcolor="cornflowerblue">电子邮箱</td>
				<td>www.51jianli.com</td>
				
			</tr>
			<tr height="35" align="center">
				<td bgcolor="cornflowerblue">求职意向</td>
				<td colspan="4"></td>
				
			</tr>
			<tr height="210" align="center">
				<td bgcolor="cornflowerblue">工作经历</td>
				<td colspan="4"></td>
			</tr>
			<tr align="center">
				<td bgcolor="cornflowerblue">教育经历</td>
				<td colspan="4"></td>
			</tr>
			<tr align="center">
				<td bgcolor="cornflowerblue">英语水平</td>
				<td colspan="4"></td>
			</tr>
			<tr align="center">
				<td bgcolor="cornflowerblue">计算机水平</td>
				<td colspan="4"></td>
			</tr>
			<tr align="center">
				<td bgcolor="cornflowerblue">自我评价</td>
				<td colspan="4"></td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述
2.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h4 align="center">课程表</h4>
		<table border="2" width="515" height="252" align="center" >
			<tr align="center">
				<td >项目</td>
				<td colspan="5">上课</td>
				
				<td colspan="2">休息</td>
				
			</tr>
			<tr align="center">
				<td bgcolor="darksalmon">星期</td>
				<td bgcolor="darksalmon">星期一</td>
				<td bgcolor="darksalmon">星期二</td>
				<td bgcolor="darksalmon">星期三</td>
				<td bgcolor="darksalmon">星期四</td>
				<td bgcolor="darksalmon">星期五</td>
				<td bgcolor="darksalmon">星期六</td>
				<td bgcolor="darksalmon">星期日</td>
			</tr>
			<tr align="center">
				<td rowspan="4">上午</td>
				<td>语文</td>
				<td>数学</td>
				<td>英语</td>
				<td>英语</td>
				<td>物理</td>
				<td>计算机</td>
				<td rowspan="4">休息</td>
			</tr>
			<tr align="center">
				
				<td>数学</td>
				<td>数学</td>
				<td>地理</td>
				<td>化学</td>
				<td>历史</td>
				<td>计算机</td>
				
			</tr>
			<tr align="center">
				
				<td>语文</td>
				<td>数学</td>
				<td>历史</td>
				<td>计算机</td>
				<td>物理</td>
				<td>化学</td>
				
			</tr>
			<tr align="center">
				
				<td>数学</td>
				<td>数学</td>
				<td>地理</td>
				<td>化学</td>
				<td>历史</td>
				<td>计算机</td>
				
			</tr>
			<tr align="center">
				<td rowspan="2">下午</td>
				<td>数学</td>
				<td>数学</td>
				<td>地理</td>
				<td>化学</td>
				<td>历史</td>
				<td>计算机</td>
				<td rowspan="2">休息</td>
			</tr>
			<tr align="center">
				
				<td>数学</td>
				<td>数学</td>
				<td>地理</td>
				<td>化学</td>
				<td>历史</td>
				<td>计算机</td>
				
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述
3.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="../img/logo.gif" /><img src="../img/reg.gif" />
		<form action="" method="get">
			姓名<input type="text" /><br /><br />
			登录名<input type="text" />（可包含a-z、A-Z、0-9和下划线)<br /><br />
			密码<input type="password" />(至少包含6个字符)<br /><br />
			确认密码<input type="password" /><br /><br />
			性别<input type="radio" name="gender"  value="男" checked="checked"/>
			<img src="../img/Male.gif" />男
			
			<input type="radio" name="gender" value="女"/>
			<img src="../img/Female.gif" />女<br /><br />
			爱好<input type="checkbox" name="hobby" value="运动" />运动
			<input type="checkbox" name="hobby" value="聊天" />聊天
			<input type="checkbox" name="hobby" value="打游戏" />打游戏<br /><br />
			职业<select name="career">
				<option value="101">程序员</option>
				<option value="102">教师</option>
				<option value="103">医生</option>
			</select><br /><br />
			<img src="../img/logo2.png" /><b>阅读淘宝网服务协议</b><br /><br />
			<textarea cols="40" rows="6">
欢迎阅读服务条款协议，本协议阐述之 条款和条件适用于您使用taobao网站的各种工具和服务。
本服务协议双方为淘宝与淘宝网用户，本服务协议具有合同效力。
淘宝的权利和义务
			</textarea><br />
			<input type="checkbox" name="" value="已阅读条款" />已阅读条款<br /><br />
			<input type="submit" value="重填" />
			<input type="submit" value="提交注册信息" />
		</form>
	</body>
</html>

在这里插入图片描述
4.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3 align="center">水果展示</h3>
		<b><hr color="red" /></b>
		<table align="center">
			<tr>
				<td><img src="../img/banana.jpg" /></td>
				<td>名称：香蕉<br /><s>原价：￥19.80</s><br />现价：￥9.80<br />产地：海南</td>
				<td><img src="../img/pineapple.jpg" /></td>
				<td>名称：菠萝<br /><s>原价：￥19.80</s><br />现价：￥9.80<br />产地：广西</td>
				<td> <img src="../img/banana.jpg" /><br /></td>
				<td>名称：香蕉<br /><s>原价：￥19.80</s><br />现价：￥9.80<br />产地：海南</td>
			</tr>
			<tr>
				<td>名称：桃子<br /><s>原价：￥19.80</s><br />现价：￥9.80<br />产地：陕西</td>
				<td><img src="../img/peach.jpg" /> </td>
				<td>名称：梨<br /><s>原价：￥19.80</s><br />现价：￥9.80<br />产地：陕西</td>
				<td><img src="../img/pear.jpg" /></td>
				<td>名称：葡萄<br /><s>原价：￥19.80</s><br />现价：￥9.80<br />产地：陕西</td>
				<td><img src="../img/grape.jpg" /></td>
			</tr>
			
		</table>
		<b><hr color="red" /></b>
		 <p align="center">
				公司地址：陕西省西安市
			</p>
			<p align="center">
				电话：029-98765432
			</p>
		
		 
		
		
		
		
	</body>
</html>

在这里插入图片描述

K7（）
关注
专栏目录
html练习
apple_73086122的博客
11-25 509
html案例
html练习html练习html练习
01-13
html练习 html练习 html练习 html练习 html练习 html练习
css网页布局小练习，文字案例，小米官网卡片案例
m0_51045721的博客
02-18 1566
1、网页排版 目标效果图如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
HTML-简单练习
crraxx的博客
02-24 8407
练习1-李白 要求示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body align = "center"> <h1> 古诗词鉴赏</h1> <hr /> <h2 >静夜思</h2> <a href="
HTML练习文档 HTML练习文档
01-14
这个"HTML练习文档"可能是一系列用于学习和实践HTML语法、结构和元素的文件集合。通过这些文档，我们可以深入理解HTML的工作原理，提升网页设计和开发的能力。 HTML的主要特点在于其结构化标签，这些标签用来定义...
html练习.zip
07-25
这个“html练习.zip”压缩包显然包含了一些与HTML学习相关的资源，可能包括练习文件、示例代码、教程文档等。下面我们将深入探讨HTML的基本概念、重要元素以及它在网页设计中的作用。 HTML是一种标记语言，它通过一...
WE'RE GETTING MARRIED HTML练习模板_HTML_练习
09-24
这个"WE'RE GETTING MARRIED HTML练习模板"为初学者提供了一个实践HTML和CSS技能的机会。在这个模板中，你将学习到如何创建一个关于婚礼主题的静态网页。 首先，HTML用于定义网页的结构和内容，如标题、段落、链接...
HTML_course.rar_html 练习题
09-14
本“HTML_course.rar_html 练习题”资源包含了一个完整的HTML学习课程，共分为七章，旨在帮助学习者深入理解和掌握HTML的基本概念、语法以及实际应用。通过这份资料，你可以系统地提升自己的HTML技能，并通过练习题...
HTML练习题
05-07
这是我自己整理出来的HTML练习题，非常全面，里面有单选、多选、判断、填空、问答、编程题。
简单的HTML练习
XiaoFanMi的博客
10-18 402
实现以下界面: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>简单的网页</title> </head> <body align="center"> <h1> <font color="red">古诗词欣赏</font> </h1> <hr size
HTML简单练习
海梦初的博客
02-22 1012
前言        近期学习了HTML编程，用表格简单的做了账号登陆与注册的网页练习，可以简单的进行注册界面与登陆界面的来回跳转。 效果如下 代码如下 1、登陆界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </he
HTML练习-1
RecordStudy
08-01 803
http://7xrp04.com1.z0.glb.clouddn.com/task_1_1_1.jpg 代码：   第一部分的          p{ margin: 0px; padding: 0px; } 网站一级标题 导航链接一 导航链接二 导航链接三 导航链接四 文章一级标题 文章二级标题 文章作者 文章发表时
HTML练习题：
qq_50692350的博客
09-21 446
HTML
HTML练习1
m0_47887988的博客
03-06 187
做一个简单的网页。 在做的过程中遇到的问题： 1、框架问题（刚开始打算写在一个html文件里，但是没处理好布局问题，之后分成了五个页面，使用frameset进行划分） 2、图像截取问题（写之前对这个方法不太熟练，在写的过程中在网上查阅解决方法） 3、表格间距问题（最左列的表格，我想将行间距增大，使用border-spacing，但一直没有变化，于是就没有调整） 这是原图： 这是代码： 3 <!DOCTYPE html> <html lang="en"> &lt.
HTML练习全集：选择、判断、填空与编程挑战
"HTML练习题" HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它构成了互联网的基础。本资源是一套完整的HTML练习题集合，包括选择题、多选题、判断题、填空题、简答题以及编程题，旨在帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值