博客列表 >css属性和html标签的配合应用--2018年8月15日17时07分

css属性和html标签的配合应用--2018年8月15日17时07分

南风的博客
南风的博客原创
2018年08月20日 17:31:08818浏览

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

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>

运行实例 »

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

 

 

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