博客列表 >学习PHP的目的,表格的制作和样式的美化实例操作 2018-8-15 8:00

学习PHP的目的,表格的制作和样式的美化实例操作 2018-8-15 8:00

朝闻道的博客
朝闻道的博客原创
2018年08月15日 20:07:32955浏览

我刚开始学习php 的时候其实是有些迷茫和困惑的,心中一直有些疑问?例如:学习php 为什么要必须掌握html ?为什么我们要用php 来开发动态网站?在听完昨天朱老师讲解的课程后,我有种豁然开朗的感觉。众所周知html 不是一种编程语言而是一种超文本标记语言主要用于wep 页面的开发,也就是前端开发,而php 是一种超文本预处理器语言,的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML(标准通用标记语言下的一个应用)文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执行编译后代码,编译可以达到加密和优化代码运行,使代码运行更快。想要学好php 就必须了解和掌握html 的结构和运行方式。可以毫不夸张地说php 和html 两者是相辅相成的,缺一不可。php 从1995年创建至今已经有23年的时间,它经历了时间和无数程序猿的检验。现在用php开发网站具有以下六大优势:1、开放源代码,所有的PHP源代码事实上都可以得到。
2、免费性,和其它技术相比,PHP本身免费且是开源代码。
3、快捷性,
程序开发周期短,运行快,后期易于维护,技术本身学习快。嵌入于HTML:因为PHP可以被嵌入于HTML语言,它相对于其他语言。编辑简单,实用性强,更适合初学者。
4、跨平台性强,由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS、Mac OS、Android等平台
5、效率高,PHP消耗相当少的系统资源。
6、PHP支持几乎所有流行的数据库以及操作系统。
天下武功,唯快不破。php 就是因为“快”这个最大的优点屹立在世界计算机编程语言之巅。

代码如下:

实例

<h2>购物清单</h2>
<p>牛奶</p>
<p>苹</p>
<p>电风扇</p>
<hr>

<ul>
	<li>牛奶</li>
	<li>苹</li>
	<li>电风扇</li>
</ul>


<hr> 

<style type="text/css">
	table {		
		border-collapse: collapse; 
		width: 700px;
		text-align: center;
		margin: 20px auto;
	}
	table caption {
		font-size: 2rem;
		font-weight: bolder;
		color: #666;
		margin-bottom: 20px;
	}
	table, th, td {
		border: 1px solid #666;
		
	}
	

	table tr:first-child {
		background-color: lightgreen;
	}

	table tr:hover {
		background-color: #efefef;
		color: coral;
	}

	table tr td img {
		padding: 5px;
		border-radius: 10px;
	}

	table tr td a {
		text-decoration: none;
		width:140px;
		height:40px;
		padding:5px;
		border:1px solid black;
		background: red;
		color:black;
		border-radius: 8px;
	}

	table tr td a:hover {
		background: black;
		color:red;
	}

</style>

<table>
	<caption>购物清单</caption>
	<tr>
		<th>编号</th>
		<th>名称</th>
		<th>牌</th>
		<th>数量</th>
		<th>约略图</th>
		<th>买</th>
	</tr>
	<tr>
		<td>1</td>
		<td>牛奶</td>
		<td>伊利</td>
		<td>1箱</td>
		<td><img src="images/milk.jpg" width="100"></td>
		<td><a href="http://jd.com">点击买</a></td>
	</tr>
	<tr>
		<td>2</td>
		<td>苹</td>
		<td>红富士</td>
		<td>5斤</td>
		<td><img src="images/apple.jpg" width="100"></td>
		<td><a href="http://jd.com">点击买</a></td>
	</tr>
	<tr>
		<td>3</td>
		<td>电风扇</td>
		<td>美的</td>
		<td>1台</td>
		<td><img src="images/fan.jpg" width="100"></td>
		<td><a href="http://jd.com">点击买</a></td>
	</tr>
</table>

运行实例 »

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

手抄代码照片如下:

imageszIMG_20180815_132715.jpg


imageszIMG_20180815_132736.jpg


imageszIMG_20180815_132805.jpg


imageszIMG_20180815_132834.jpg

imageszIMG_20180815_132849.jpg













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