博客列表 >PHP与HTML的关系-2018年8月15号

PHP与HTML的关系-2018年8月15号

fighting的博客
fighting的博客原创
2018年08月17日 13:22:59897浏览

                                                                         PHP与HTML的关

                                  2018年8月15号                                                 天气:阵雨转阴  

 一:制作一张表格


实例

实例
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表格的运用</title>
	<style type="text/css">
		table{text-align: center;
              border-collapse: collapse;
              margin: 20px auto;
              width: 800px;
              }
        table,th,td{
        	border: solid 1px #666;
        	 
        }
        table tr th{
        	background: #D9EDF7;
        	margin-bottom: 1rem;
        	font-size: 1.3rem;
        	color: black;
        	}
        table tr:hover{
        	background-color: #efefef;
		    color: coral;
        }
       table tr td img{width: 120px;
                     height: 120px;
                     padding: 10px;
                     border-radius: 10px
                 }
        table tr td img:hover{
        	width: 150px;
        	height: 150px;
        }         
       table tr td a{
       	text-decoration-line: none;
       	width: 150px;
       	height: 50px;
       	padding: 6px;
       	border:solid 1px black;
       	border-radius: 10px;
       	background: white;
       }  
       table tr td a:hover{
       	background: #5BC0DE;
       	color: white;
       }       
  ul li{text-align: center;
  	list-style-type: none;
    }
	</style>
</head>
<body>
	<table>
		<caption><h1 style="font-family: 宋体 ;margin-bottom:2.5rem;">购物清单</h1></caption>
		<tr>
			<th>货码</th>
			<th>名称</th>
			<th>某牌</th>
			<th>价格</th>
			<th>数量</th>
			<th>缩略图</th>
			<th>选购</th>		
		</tr>
		<tr>
			<td>001</td>
			<td>篮球</td>
			<td>斯伯丁</td>
			<td><strong>¥299.99元</strong><sub><del>¥399元</del></sub></td>
			<td>3个</td>
			<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534328358623&di=491d57ec4384228885c195f55dc47764&imgtype=0&src=http%3A%2F%2Fimage06.71.net%2Fimage06%2F36%2F58%2F09%2F09%2F307c99b5-7e94-43f7-8fe5-111aa35d31de.jpg"></td>
			<td><a href="http://taobao.com">点击选购</a></td>
		</tr>
		<tr>
			<td>002</td>
			<td>球鞋</td>
			<td>耐克</td>
			<td><strong>¥799.99元</strong><sub><del>¥950元</del></sub></td>
			<td>一双</td>
			<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534315511444&di=22a2ae70ec64949a34181ec91c0d45cf&imgtype=0&src=http%3A%2F%2Fimg.11665.com%2Fimg04_p%2Fi4%2FT1KtEIFXpkXXXXXXXX_%2521%25210-item_pic.jpg"></td>
			<td><a href="http://taobao.com">点击选购</a></td>
		</tr>
		<tr>
			<td>003</td>
			<td>球服</td>
			<td>安踏</td>
			<td><strong>¥199.99元</strong><sub><del>¥299元</del></sub></td>
			<td>两套</td>
			<td><img src="http://pic39.photophoto.cn/20160616/1155115889455130_b.jpg"></td>
			<td><a href="http://taobao.com">点击选购</a></td>
		</tr>
	</table>
	<hr>
	<ul>
		<li>今日事今日毕!</li>
		<li style=" float: left;">寸金难买寸光阴</li>
		<li style="float: right;">莫等闲,白了少年头,空悲切!</li>
	</ul>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例

运行实例 »

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

本机运行图片:

2.png

二、简答题。

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

答:首先,开发一个项目是由前、后端一起开发合作的,HTML与其他语言(css,js)是前端的三大开发语言,懂的前端可以更好、更快的完成项目,避免交流过程中开发障碍。如:能快速理解前端人员的意图为他们开发的静态页面提供数据交互。

其次,PHP作为能直接嵌入HTML代码的语言,理解并掌握HTML能更快学会、学好PHP。

最后,说白了PHP就是动态的生成HTML代码的,你必须学好前端的知识。

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

答:是由PHP的语言特性决定的。

1:PHP开发项目速度快,能快速满足用户的需求。成为当前众多IT公司的选择。

2:PHP语言的开源性。跨平台性,安全易维护,方便开发人员与公司以最小的成本获取最大的利益。

3:当前主流应用的选择

PHP:当前WEB创业公司的语言选择主要集中在PHP。除了上述原因还有一个重要原因就是PHP开发程序员队伍的规模。

淘宝网 (阿里巴巴) : Linux操作系统 + Web 服务器: Apache +PHP。(哈哈,有点扯远了,现阶段还是好好学好PHP)

总结:

首先第一次上朱老师的直播课,一开始有点不以为然听着老师的课,因为老师教的太小儿科,而后,感觉有点颠覆了我学习前端以来的观点,因为老师那些讲的和我以前学的完全不一样,而我自己没有那么的去尝试过(不用那些结构体的标签,随便一个位置写css),现在想想这不正合我以前自学PHP一样吗?如:在HTML、js代码中插入PHP,在代码底部写入一个Script脚本。

不过老师代码HTML,写的不是规范的,但就是对的能运行的。所以警醒了我学代码不能太死板,应该多尝试,或许能领略到不同的风景。



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