博主信息
博文 38
粉丝 0
评论 0
访问量 38083
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
php的优点本质无序列表表格总结——2018年8月14日
图图的博客
原创
957人浏览过
  1. 学习PHP为什么必须要掌握HTML?

    因为php的本质是为了动态的显示html代码,如果不会html的话也就是不知道php代码执行的结果是什么,所以学习php一定要学习html

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

    因为php开发快、上手快、迭代快,所以选择php来开发动态网站,而且php可以进行原生开发,可以进行框架开发,框架开发能更好的规范代码。

  3. 实例

    <!DOCTYPE html>
    <html>
    <head>
    	<title>表格</title>
    	<meta charset="utf-8">
    	<style type="text/css">
    		h2,p{
    			text-align: center;
    			}
    		ul{
    			color:blue;
    		}
    		table{
    			width: 60%;
    			height: 300px;
    			text-align: center;/*文本居中*/
    			margin:20px auto;/*表格上下边距20px,左右居中*/
    			border-collapse: collapse; /*边框重叠*/
    		}
    		table caption{
    			font-size: 30px;/*字体大小*/
    			font-weight:  bold;/*字体加粗*/
    		}
    		table tr:first-child/*定位表格的第一行*/{
    			background-color:  #0c0 ;
    		}
    		table,th,td,tr{/*定位到表格里的行、列、表头*/
    			border:1px solid #666 ;
    		}
    		table tr img {/*定位到表格里的图片标签*/
    			border-radius: 5px;/*圆角样式,半径5px*/
    			width: 100px;
    		}
    		table tr:hover{/*伪类:数表移上去时变色*/
    			background:grey ;
    		}
    		table tr td a {
    			text-decoration-line: none;/*去掉链接的下划线*/
    			padding: 5px;/*内边距*/
    			border:1px solid black;/*边框1px粗细,实线,黑色*/
    			border-radius: 5px;
    			color: black;/*文字颜色*/
    		}
    		table tr td a:hover{
    			background-color: black;
    			color: white;
    		}
    	</style>
    </head>
    <body>
    	<h2 style="color: blue;">8月14日作业</h2>
    <p>
    <table>
    	<caption>购物清单</caption><!-- 表格的说明 -->
    	<tr><!-- 表格的行 -->
    		<th>编号</th><!-- th:表头 -->
    		<th>名称</th>
    		<th>brand</th>
    		<th>数量</th>
    		<th>缩略图</th>
    		<th>操作</th>
    	</tr>
    	<tr>
    		<td>1</td><!-- td:表格的列 -->
    		<td>牛奶</td>
    		<td>伊利</td>
    		<td>1箱</td>
    		<td><img src="images/milk.jpg"></td>
    		<td><a href="">确定</a></td>
    
    	</tr>
    	<tr>
    		<td>2</td>
    		<td>apple</td>
    		<td>红富士</td>
    		<td>5斤</td>
    		<td><img src="images/apple.jpg"></td>
    		<td><a href="">确定</a></td>
    	</tr>
    <tr>
    		<td>3</td>
    		<td>电风扇</td>
    		<td>美的</td>
    		<td>1台</td>
    		<td><img src="images/fan.jpg"></td>
    		<td><a href="">确定</a></td>
    	</tr>
    
    </table>
    </p>
    <hr>
    <b><p style="font-size: 30px;color: black;">购物清单</p></b>
    <ul><!-- 无序列表 -->
    	<li>apple</li><!-- 列表项 -->
    	<li>牛奶</li>
    	<li>电扇</li>
    </ul>
    
    </body>
    </html>

    运行实例 »

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

    效果图:
  4. 作业效果图.png

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学