积羽成舟,群轻折轴
——刘向《战国策》
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 的简单介绍就到这里,学习是个枯燥的过程,还是应该静下心去把这些知识学好的。