简明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 的简单介绍就到这里,学习是个枯燥的过程,还是应该静下心去把这些知识学好的。

原文发布于微信公众号 - Lemon黄(lemonhunag)

原文发表时间:2019-09-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券