简明PHP进阶【4-HTML 和 CSS】
积羽成舟，群轻折轴
——刘向《战国策》
1
HTML 简介
HTML的英文全称是 Hypertext Marked Language，即超文本标记语言。
HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。
使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即我们经常在电脑上浏览的网页。
2
HTML的版本
HTML经过好几个版本的发展，现在普遍使用的HTML5。除了一些已经算是老古董的网站还有在使用以前的版本，现在web开发都使用的是HTML5。
HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。
3
HTML5的基本模板
如下，是html网页的基本模板，我们任何所见的一个网页，都是从这个基本模板开始：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>这是页面的标题</title>
</head>
<body>
<h1>你好，世界！</h1>
</body>
</html>如下，只有单纯的html在浏览器显示的样子：
4
CSS简介
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
5
CSS 的使用
下面，就是上例 html，我们使用css 来吧文字变成红色：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>这是页面的标题</title>
<style>
h1 {
color: red;//将h1 标签中的文字变成红色
}
</style>
</head>
<body>
<h1>你好，世界！</h1>
</body>
</html>浏览器下效果：
6
HTML 和 CSS 学习资源
通过以上简单的介绍，大家应该也清楚html 和 css 究竟能做什么了吧？想要学习web后端开发，前端的知识我们也是要非常熟悉的。
HTML 和 CSS 在学习过来的经验，没有必要单独出个教程来介绍，这俩可以说是web开发基础中的基础了。当初自己学的时候是在慕课上学的，下面有地址，当然，你们也可以网站自己找找资源。
慕课网:
初识HTML+CSS：https://www.imooc.com/learn/9
But，我觉得看视频很耗时，以下也有电子书可供阅读：
《HTML5与CSS3权威指南》：
链接：https://pan.baidu.com/s/1p_RjuMv0G0HDjUfVL-yifQ
提取码：cz3e
复制这段内容后打开百度网盘手机App，操作更方便哦
HTML 和 CSS 的简单介绍就到这里，学习是个枯燥的过程，还是应该静下心去把这些知识学好的。
腾讯云开发者
