HTML/CSS基础知识

HTML/CSS基础知识

今天Oracle刚考完试,下午没事了。明天HTML/CSS开课,就先自己预习。

历史与变迁

web历史

Tim Berners-Lee(蒂姆·伯纳斯·李[百度百科]),互联网的创造者,祖籍英国,计算机科学家。公职与CERN-欧洲核子研究组织。
在这里插入图片描述

  • 1980年他提议建立一个科技项目,使科学家之间能方便地随时随地分享他们的研究成果。
  • 1984年,Tim建立了ENQUIRE系统,这个系统由一些文档组成。一个文档可以找到其他更多文档,系统是由文档(Document)和使文档互相连接起来的超链接(Hyperlink)组成。
    在这里插入图片描述
    当时这个系统仅用于科学家内部资料共享,这就是万维网的雏形。
  • 1990年,他在Robert Cailliau的帮助下,创建了万维网(World Wide Web),并设计制作出世界上第一个浏览器和世界上第一个网站。
    在这里插入图片描述
    这是万维网的第一个logo,由三个W字母组成。
  • 并且他们设计出了世界上第一个浏览器。网景浏览器。
    在这里插入图片描述
  • 还有世界上第一个网站World Wide Web,万维网。
    在这里插入图片描述

网页-Web Page

  • 被超链接连接起来的文档,称为网页。
  • 编写网页的语言,称为HTML。例如以下代码片。
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>HTML和CSS</title>
    
    </head>
    <body>
    	<h1>万维网的第一个logo</h1>
    	<img src="logo.png">
    </body>
    </html>
    
    就能通过这样的代码,创建一个网页。
    在这里插入图片描述
    这个网页可以通过浏览器去查看。

HTML

  • HTML:HyperText Markup Language,超文本标记语言
    HyperText:具有交互功能的文本
    Markup Language:标记表示网页中特定内容的语言,比如一个标题,一幅图片
HTML发展历程

从1989年HTML诞生到现在,经历30年时间。以下是30年间重大版本更新。到目前为止最新的版本是HTML5。
在这里插入图片描述

  1. HTML 1.0 - 2.0
    是HTML最早期版本。1989、1991年。
    HTML刚刚诞生时只有几个最基本的标签,页面也不好看,但是已经支持了超文本
    几乎Web上的每一个人都有自己的主页。
  2. HTML 3
    1995年。
    漫长而残酷的浏览器战争
    NetscapeMicrosoft都在试图争霸世界。
    最受伤的是Web开发人员,因为每个浏览器不断增加自己的专用扩展包,Web开发人员通常必须写两个单独的页面
  3. HTML 4
    1998年。
    W3C(The World Wide Web Consortium)成立,浏览器大战结束,Web标准诞生
    HTML的结构和表现分离到两种语言。
    一种语言用于实现结构(HTML)
    一种语言用于表现(CSS)
    要求所有浏览器厂商采用统一的浏览器标准。
  4. HTML 4.01
    1999年闪亮登场,成为接下来十年中HTML必备版本。
    与HTML 4相比做了一些简单的修补。
    几乎所有的浏览器都采用一致的标准,除了IE…它总是特立独行,不愿参照标准,所以Web开发人员经常要对IE做一些额外工作。
  5. XHTML 1.0
    2001年,新兴事物,让HTML心烦意乱,终于不情愿地结合在一起。
    XML+HTML=XHTML
    XHTML的标准更严格
    比如:在XTHTML中,所有标签必须有开始和结束标签,HTML的空标签在XHTML中标签要加表示结束的/。
    但是Web开发人员对HTML的灵活性更拥护
    所以XHTML惨遭淘汰。
  6. HTML 5
    2009年,XHTML被HTML 5 取代。
    延续使用HTML 4.01大部分特性
    提供了体现Web新发展的新特性,这正是Web开发人员一直想要的
    完全支持XHTML风格的代码
    HTML 5成为大家公认的标准
    曾经对标准不屑一顾的IE浏览器,也从IE9开始对HTML5全面支持。
HTML 5

在这里插入图片描述
目标:书写更简洁的HTML代码,创建更简单的Web程序。

CSS 3

在这里插入图片描述

CSS3是CSS的最新标准。前一个版本是CSS2,和HTML5一样,都是在前一个版本增加了很多新特性,是对前一个版本功能的扩充。

总结

这些内容大三学过,当时是Web网站建设刘老师教的,她是一位非常亲切的老师,经常告诉我们,不要光学习书本上的知识,要勇于开拓新知识。
我那门课做了一个线上书铺的网站,结课成绩是优。
继续学习,努力,加油,fighting!


非常想念刘老师,她教了数不清的学生,可能她都记不清我,但是真的很亲切,影响了我对编程的喜爱。回忆满满,这门课我有信心学得更好~
在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值