博主信息
博文 17
粉丝 0
评论 0
访问量 16836
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
HTML/CSS基本标签的学习(table tr th td ul li标签的学习)8月14号
18674060620的博客
原创
1301人浏览过

今晚的是猪哥讲的,他给我们提了一下php的发展史,php的优势等等与html的table表格(tr,th td)和ul li。

学php为什么要先学html呢?

因为html是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。而php则是动态的生成html代码,所有学php之前一定要先学习html。

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

因为php的开发周期短,新手也很容易上手,学习资料、开放源码,以及各种插件和库都比较多,有规范的框架,PHP是LAMP架构基本上所有东西都是免费开源的,PHP可跨平台,维修性较高

代码

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>8月14号php中文网视频学习</title>
	<style type="text/css">
	table{
		width: 700px;
		text-align: center;	
		border-collapse: collapse;
		margin: 20px;
	}
	table caption{
		font-size: 3rem;
		font-weight: bold;
		margin-bottom: 20px;
		color: #666;
	}
	table,th,td{
		border: 1px solid #666;
		height: 50px;
	}
	table tr:first-child{
		background-color:lightgreen;
	}
	table tr:hover{
		background-color:#efefef;
		color: coral;
	}
	img{
		padding: 5px;
		border-radius: 8px;
	}
	td a{
		text-decoration:none;
		width: 140px;
		height: 30px;
		padding: 5px;
		border: 1px solid black;
		background-color: white;
		border-radius: 5px:
		color:black; 

	}
	td a:hover{
		background-color: #000;
		color: #fff;
	}
	</style>
</head>
<body>
	<h1>ul+li标签</h1>
	<ul>
		<li>php</li>
		<li>java</li>
		<li>asp</li>
		<li>javascript</li>
	</ul>
	<table>
		<caption>购物清单</caption>
			<tr>
				<th>编号</th>
				<th>名称</th>
				<th>pin牌</th>
				<th>数量</th>
				<th>缩略图</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>1</td>
				<td>小米6</td>
				<td>小米</td>
				<td>10台</td>
				<td><img src="img/mi.jpg"></td>
				<td><a href="http://www.php.cn">立即bug</a></td>
			</tr>
			<tr>
				<td>2</td>
				<td>z17</td>
				<td>nabia</td>
				<td>1台</td>
				<td><img src="img/nu.jpg"></td>
				<td><a href="http://www.php.cn">立即bug</a></td>
			</tr>
			<tr>
				<td>3</td>
				<td>mate10</td>
				<td>华为</td>
				<td>100台</td>
				<td><img src="img/nu.jpg"></td>
				<td><a href="http://www.php.cn">立即bug</a></td>
			</tr>

	</table>
</body>
</html>

运行实例 »

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

手写代码

20180815135733.jpg

批改状态:合格

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

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

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