博客列表 >认识PHP和HTML的关系_学习列表ul、li、table等标签-2018年8月14日

认识PHP和HTML的关系_学习列表ul、li、table等标签-2018年8月14日

宋超的博客
宋超的博客原创
2018年08月17日 15:06:30774浏览

1.学习PHP为什么必须掌握HTML?

PHP动态生成html在前端显示,可以说PHP是依托HTML把处理过的数据通过浏览器来展现出来的,如果在不了解HTML的情况下进行开发,PHP输出的数据就无法进行有效的排版和美化,无法直接展示给用户,所以做PHP开发不一定非要精通所有的HTML标签,只需要将常用的HTML标签掌握其他不常用的了解一下知道是什么就可以了。

2.为什么选择PHP开发动态网站?

首先PHP是免费开源的,其实PHP相比于其他开发语言来说开发速度快、执行效率高、语法也相对容易入门,国内外很多大型网站都在使用,其稳定性和处理数据的能力都不弱其他语言,可运行的的在unix、linux、windows、等主流的平台中使用。最后PHP更新迭代速度也很快,即使开发大型WEB网站或高并发网站都可以用,所以做的WEB开发首先PHP。

通过表格制作的图片订购列表:

实例

<!DOCTYPE html>
<html>
<mate charset="utf-8">
	<head>		
<style type="text/css">
	table{ width:800px; }
	table caption{font-size:14px;font-weight:bold;color:orange;margin-bottom:8px;}
	table th{background:#FF7835;color:#fff;font-size:14px;font-weight:bold;}
	table,th,td{
		border:1px solid #ccc;
		border-collapse: collapse; /*折叠表格线*/
		margin:10px auto;
		font-size:12px;
	}
	table tr td img{width:120px;height:130px;}
	table tr td p{width:120px;text-indent:2em;}
	table tr td a:link{text-decoration:none; border:1px solid #ccc;padding:8px;border-radius:5px;color:#555;background:#fafafa;}
	table tr td a:hover{color:#fff;background:#FF4600;}

</style>
	</head>
	<body>
		<table cellpadding="10">
		<caption>图书订购列表</caption>
			<tr>
				<th>编号</th>
				<th>书名</th>
				<th>价格</th>				
				<th>图片</th>
				<th>描述</th>
				<th>章节预览</th>
				<th>订购</th>
			</tr>
			<tr>
				<td>01</td>
				<td>Python编程</td>
				<td>¥61.40</td>
				<td><img src="images/python.jpg"></td>
				<td><p>本书是一本全面的从入门到实践的Python编程教程,带领读者快速掌握编程基础知识、编写出能解决实际问题的代码并开发复杂项目。</p></td>
				<td>
					<ul>
						<li>第一部分 基础知识</li>
						<li>第1章 起步 2</li>
						<li>1.1 搭建编程环境 2</li>
						<li>1.1.1 Python 2和Python 3 2</li>
						<li>1.1.2 运行Python代码片段 3</li>
					</ul>

				</td>
				<td>
					<a href="http://product.dangdang.com/24003310.html">立即订购</a>
				</td>
			</tr>
			<tr>
				<td>02</td>
				<td>Java</td>
				<td>¥59.20</td>
				<td><img src="images/java.jpg"></td>
				<td><p>《Java从入门到精通(第4版)》从初学者角度出发,通过通俗易懂的语言、丰富多彩的实例,详细介绍了使用Java语言进行程序开发需要掌握的知识。</p></td>
				<td>
					<ul>
						<li>第1章 初识Java. 2</li>
						<li>视频讲解:25分钟</li>
						<li>视频讲解:13分钟</li>
						<li>视频讲解:1小时45分钟</li>
						<li>视频讲解:1小时21分钟</li>
						<li>视频讲解:1小时53分钟</li>
						<li>视频讲解:1小时21分钟</li>
						<li>视频讲解:1小时27分钟</li>
					</ul>

				</td>
				<td>
					<a href="http://product.dangdang.com/24042210.html">立即订购</a>
				</td>
			</tr>
			<tr>
				<td>03</td>
				<td>Modern PHP</td>
				<td>¥30.40</td>
				<td><img src="images/php.jpg"></td>
				<td><p>“PHP之道”的发起人和当前的维护者。总结实践经验,揭示PHP语言的新特性。 </p></td>
				<td>
					<ul>
						<li>第1章动态Web内容介绍</li>
						<li>第2章安装开发服务器</li>
						<li>第3章关于PHP</li>
						<li>第4章PHP中的表达式和控制流</li>
						<li>第5章PHP函数与对象</li>
						<li>第6章PHP的数组</li>
						<li>第7章实用PHP技术</li>
					</ul>

				</td>
				<td>
					<a href="http://product.dangdang.com/23831285.html">立即订购</a>
				</td>
			</tr>
		</table>
	</body>
</html>

运行实例 »

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

效果图如下:
tsdg.jpg
学习总结:

  1. 今天学习中几个样式:border-collapse: collapse; /*折叠表格线*/text-decoration:none; /*文本下划线控制*/ border-radius:5px;/*为元素添加圆角边框*/

  2. 无序列表ul,li以及表格table,tr,th,td的学习

  3. php动态生成html

  4. 双标签<div></div><span><span><p></p>等、单标签<img><mate>、标签的四个通用属性:id, class, title, style。


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