Blogger Information
Blog 36
fans 1
comment 0
visits 32456
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
认识PHP和HTML的关系_学习列表ul、li、table等标签-2018年8月14日
宋超的博客
Original
783 people have browsed it

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。


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post