博客列表 >html常用标签的使用实践--2018年8月16日06点30分作业

html常用标签的使用实践--2018年8月16日06点30分作业

小鱼的博客
小鱼的博客原创
2018年08月16日 07:00:10580浏览

1、问答一

一个完整的项目分前端开发+后端开发,前端开发主要指静态页面的编写,主要用到三个工具,HTML,CSS,Javascript,后端也叫服务端,运行在服务器环境中,我们日常所见的浏览器中的网页均为前端显示,后端代码在前端是不能直接查看的,它是由服务器上的特殊程序来运行,并经过浏览器解释渲染成通用的Html代码,因此,不会html的php不是一个好php。

2、问题二

因为PHP使用范围广,性能优越,PHP具有快的特点,上手快,开发快,更新快,迭代快,可以进行原生开发,也可以框架开发,也是天生的模块语言,同时,PHP还具有性能强,易部署,开源免费,开发成本低的特点,与其他编程语言相比,php将程序嵌入到html中去执行,效率要高很多,PHP可跨平台,具有很强的兼容性。

3、实例作业

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>20180814作业:利用table等标签制作一个表格</title>
	<style>
	table{
		 width:900px;
		 margin: 20px auto;
		 border-collapse:collapse;
		 
	}
	td{
		vertical-align: middle;
	}
	table,th,td{
		border: 2px solid red;
	}
	table tr:hover{
		background-color: #efefef;
		color: coral;
	}
	table tr td img{
		padding: 5px;
		border-radius: 10px;
	}
	h2{
		text-align: center;
	}
	</style>
</head>
<body>
	<h2>20180814作业:PHP中文网第3期学员信息表</h2>
<style>
 td{text-align: center;}
 p{
 	width: 300px;
 }
</style>
<table>
	<caption>
	<tr">
		<th>编号</th>
		<th>姓名</th>
		<th>性别</th>
		<th>年龄</th>
		<th>兴趣爱好</th>
		<th>头像</th>
		<th>自我介绍</th>
		<th>操作</th>

	</tr>
		<tr>
		<td>1</td>
		<td>王林</td>
		<td>男</td>
		<td>30</td>
		<td><ul>
		<li>旅游</li>
		<li>游泳</li>
		<li>打球</li>
		</ul></td>
		<td><img src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=a6d681ddf1d3572c72ef948eeb7a0842/fcfaaf51f3deb48f205377eaf31f3a292df578c8.jpg" width="100" height="100" alt=""></td>
		<td><p>我是报名PHP第3期的王林我是报名PHP第3期的王林我是报名PHP第3期的王林我是报名PHP第3期的王林</p></td>
		<td><a href="#">修改个人信息</a></td>
	</tr>
		<tr>
		<td>2</td>
		<td>李雨</td>
		<td>女</td>
		<td>28</td>
		<td><ul>
		<li>唱歌</li>
		<li>看书</li>
		<li>爬山</li>
		</ul></td>
		<td><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2300875363,445064071&fm=5" width="100" alt=""></td>
		<td><p>我是报名PHP第3期的李雨我是报名PHP第3期的李雨我是报名PHP第3期的李雨</p></td>
		<td><a href="#">修改个人信息</a></td>
	</tr>
		<tr>
		<td>3</td>
		<td>李小龙</td>
		<td>男</td>
		<td>29</td>
		<td><ul>
		<li>看电影</li>
		<li>打篮球</li>
		<li>玩游戏</li>
		</ul></td>
		<td><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1820154701,1076679668&fm=5" width="100" alt=""></td>
		<td><p>我是报名PHP第3期的李小龙我是报名PHP第3期的李小龙我是报名PHP第3期的李小龙</p></td>
		<td><a href="#">修改个人信息</a></td>
	</tr>
	</caption>
</table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

作业运行截图:

微信截图_20180816062723.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议