简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > HTML/CSS基本标签的学习（table tr th td ul li标签的学习）8月14号
Blogger Information
Blog 17
fans 0
comment 0
visits 13676
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML/CSS基本标签的学习（table tr th td ul li标签的学习）8月14号
18674060620的博客
Original
1053 people have browsed it

今晚的是猪哥讲的，他给我们提了一下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

Correction status：qualified

Teacher's comments：
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
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！