Blogger Information
Blog 20
fans 0
comment 1
visits 14821
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
css属性和html标签的配合应用--2018年8月15日17时07分
南风的博客
Original
815 people have browsed it

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

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

答:

前端开发指的是静态页面的编写,主要涉及到html、css、JavaScript三个工具;

后端又称作服务器端,是运行在服务器环境中的,php就是后端编程语言其中的一种;因为php程序的运行后输出的结果就是html,所以不难看出,任何网站都是有网页组成的,也就是说想做一个网站,必须要学会做网页,html就是网页的基本标签,因必须要掌握html,今后才可以更方便的制作网站。,PHP作为能直接嵌入HTML代码的语言,理解并掌握HTML能更快学会、才能学好PHP

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

答:

1、开放的源代码:   所有的PHP源代码事实上都可以得到。   

2、PHP是免费的。   和其它技术相比,PHP本身免费。   

3、效率高、速度快:   PHP消耗相当少的系统资源,PHP有许多管理和维护MySQL的工具,对MySQk的支持是最全面的。

4、图像处理:   用PHP动态创建图像   

5、专业专注:   PHP支持脚本语言为主,同为类C语言。

6、跨平台性强:   由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS下。

7、php的快捷性   程序开发快,运行快。

 

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表格实例操作</title>
</head>
<body>
 <table>
   <caption> 热门游戏本</caption>
     <tr>
            <td>编号</td>
   	        <td>型号</td>
   	        <td>价格</td>
            <td>缩略图</td>
            <td>基本参数</td>
   	        <td>操作</td>
     </tr>

     <tr>   
            <td>1</td>
   	        <td><h2>惠普 暗影精灵3 PRO</h2></td>
   	        <td>5999</td>
            <td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534328388755&di=1217327fc835df11a4de5d7bba648266&imgtype=0&src=http%3A%2F%2Ffile.evolife.cn%2F2017%2F08%2F2-5-666x413.jpg" width="100"></td>
            <td>
            	<ul>CPU: 英特尔 酷睿 i5-7300HQ</ul>
            	<ul>显卡类型: NVIDIA GTX 1050Ti  4G</ul>
            	<ul>内存容量: 8GB</ul>
            	<ul>屏幕尺寸: 15.6英寸 	 非触摸屏</ul>
            	<ul>分辨率:	 1920x1080</ul>
            	<ul>硬盘:128GB PCIe 闪存(固态)+1T(HDD )</ul>
            </td>
            <td><a href="http://www.taobao.com/">点击  </a></td>
     </tr>
     <tr>   
            <td>2</td>
   	        <td><h2>DELL/戴尔 P17-1765</h2></td>
   	        <td>7999</td>
            <td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534329202966&di=8abf7170ef0e5dc092cb787e961d81df&imgtype=0&src=http%3A%2F%2Fpic4.zhimg.com%2Fv2-f1f26952fba5669b19d075793ce8799f_b.jpg" width="100"></td>
            <td>
            	<ul>CPU: 英特尔 酷睿 i7-8750H</ul>
            	<ul>显卡类型: NVIDIA GTX 1060Max  6G</ul>
            	<ul>内存容量: 8GB</ul>
            	<ul>屏幕尺寸: 17.3英寸 	非触摸屏</ul>
            	<ul>分辨率:	 1920x1080</ul>
            	<ul>硬盘:128GB PCIe 闪存(固态)+1T(HDD )</ul>
            </td>
            <td><a href="http://www.taobao.com/">点击  </a></td>
     </tr> 
  
     <tr>   
            <td>3</td>
   	        <td><h2>Asus/华硕 堡垒五代 FX80GE8750</h2></td>
   	        <td>6599</td>
            <td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534329202966&di=8abf7170ef0e5dc092cb787e961d81df&imgtype=0&src=http%3A%2F%2Fpic4.zhimg.com%2Fv2-f1f26952fba5669b19d075793ce8799f_b.jpg" width="100"></td>
            <td>
            	<ul>CPU: 英特尔 酷睿 i7-8750H</ul>
            	<ul>显卡类型: NVIDIA GTX 1050ti  4G</ul>
            	<ul>内存容量: 8GB</ul>
            	<ul>屏幕尺寸: 15.6英寸 	 非触摸屏</ul>
            	<ul>分辨率:	 1920x1080</ul>
            	<ul>硬盘:128GB PCIe 闪存(固态)+1T(HDD )</ul>
            </td>
            <td><a href="http://www.taobao.com/">点击  </a></td>
     </tr> 
     <tr>   
            <td>4</td>
   	        <td><h2>外星人alienware17R5</h2></td>
   	        <td>21999</td>
            <td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534329741040&di=47a867347dc5eebbeb2a32bff45c110e&imgtype=0&src=http%3A%2F%2Fcdn.178hui.com%2Fupload%2F2018%2F0710%2F21032289551.jpg" width="100"></td>
            <td>
            	<ul>CPU: 英特尔 酷睿 i7-8750H</ul>
            	<ul>显卡类型: NVIDIA GTX 1070 (Laptop)  8G</ul>
            	<ul>内存容量: 16GB</ul>
            	<ul>屏幕尺寸: 17.3英寸 	 非触摸屏</ul>
            	<ul>分辨率:	 1920x1080</ul>
            	<ul>硬盘:256GB PCIe 闪存(固态)+1T(HDD )</ul>
            </td>
            <td><a href="http://www.taobao.com/">点击  </a></td>
     </tr>                      
 </table>
	
</body>
</html>
<style type="text/css">
	table{width: 1200px;text-align: center;margin: 20px auto;border-collapse: collapse;}
	table caption {font-size:3rem;font-weight:bold;color:#666;margin-bottom:20px;}
	table,th,td {border:1px solid #ccc;}
	table tr:first-child {background:lightgreen;}
	table tr:hover {background:#efefef;color:coral;}
	table tr:hover td:nth-of-type(2){color: blue;}
	table tr td:nth-of-type(6){text-align: left;}
	table tr td img {padding:5px;border-radius:10px;}
	table tr td a {text-decoration:none;width:100px;height:40px;line-height:40px;padding:5px;border:1px solid black;background-color:#fff;color:#000;border-radius:8px;}
	table tr td a:hover {background-color:#000;color:#fff;}
	ul li{list-style: none;font-size: 6px;color: #666;}
</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