博客列表 >HTML/CSS基本标签的学习(table tr th td ul li标签的学习)8月14号

HTML/CSS基本标签的学习(table tr th td ul li标签的学习)8月14号

18674060620的博客
18674060620的博客原创
2018年08月15日 14:25:291045浏览

今晚的是猪哥讲的,他给我们提了一下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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议