HTML初级教程

在本教程API中,你将第一次认识HTML并逐步学习如何使用 HTML 来构造一个网页页面。HTML在编程中是很容易学习的,对于初学者比较容易入门。

jesen
1
2020-03-20 09:20:25
文档目录
我的书签
 

什么是HTML?

相信大家都听说过HTML语言,但是对于大多数人来说,HTML语言听起来是很神秘的,对于科班的朋友们来说可能就不屑一顾了。
下面是比较官方语术的定义:
  • HTML 是用来描述网页的一种语言
  • HTML 指的是超文本标记语言:Hyper Text Markup Language;是一种用于创建网页的标记语言,您可以使用 HTML 来建立自己的 WEB 站点,HTML创建的网页文件运行在浏览器上,由浏览器来解析并运行显示
  • HTML 不是一种编程语言,而是一种标记语言 (markup language) 
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面
通俗的来说:HTML就是一些特殊的文本指令,用来编写网页文件的,没有特别难懂的地方;我们主要学习这些特殊指令代表的意思和在一个网页中的作用,在明白了这些指令表示的意思和在网页中的作用后,使用这些特殊的指令编写一个文本文件,这个文本文件其实就是大家经常能听到的名词”网页“,网页就是使用HTML来编写的,这个网页文件通过浏览器访问并解析显示。
举一些简单的例子吧:
  • <html>,这几个字符组合起来的字符串,在HTML中表示一个网页的开始
  • <img/>,这几个字符组合起来的字符串,表示网页中的一个图片
  • <span>,这几个字符组合起来的字符串,表示网页中的一段文字

为什么需要HTML?

一、HTML的起源

想要知道为什么需要HTML,首先需要了解一下他的由来:
  1. 1980年,蒂姆·伯纳斯-李 为使世界各地的物理学家能够方便的进行合作研究,创建了适用于他们当时通讯需求的 通讯软件系统(ENQUIRE),并为这个系统创建了让其使用的 特殊字符集组成的特殊文件,也就是后来HTML的雏形语言。
  2. 1990年,蒂姆开发出了第一个浏览器:WorldWideWeb,后来改名为:Nexus,而且他还设计开发了第一个web服务器:CERN_httpd
  3. 这两个东西都是在 ENQUIRE 的基础理论上开发的,也可以算是浏览器的原型了吧,所以从这一刻就决定了,网页一定是HTML写的,然后在一个叫浏览器的东西里解析运行的。
  4. Tim Berners-Lee设计的HTML以纯文字格式为基础,可以使用任何文本编辑器处理。
  5. 最初仅有少量标记(TAG)而易于掌握运用,随着HTML使用率的增加,人们不满足只能看到文字。
  6. 1993年,还是大学生的 马克·安德生 在他的 Mosaic浏览器 中加入<img>标记,从此可以在Web页面上浏览图片。
  7. 但人们认为仅有图片还是不够,希望可将 任何形式的媒体 加到网页上,因此HTML不断地扩充和发展。
  8. 而 Mosaic浏览器,这个第一款被广泛使用的浏览器是马克在 伊利诺伊大学 的电脑应用中心供职时,和几个程序员,用了6个周的时间开发的。
  9. Mosaic的最先版本:Alpha版(1993年1月)只能在X窗口系统上运行,直到同年9月才支持Macintosh和Windows等操作系统。
  10. Mosaic公司成立后,由于伊利诺伊大学拥有Mosaic的商标版权,且伊利诺伊大学已将技术转让给Spy Glass公司,开发团队必须彻底重新撰写浏览器代码,且浏览器名称更改为Netscape Navigator,公司名字于1994年11月改名为“Netscape Communication Corporation”,此后沿用至今,中译为“网景”。
  11. 目前主流的浏览器,例如:微软的Internet Explorer及Mozilla Firefox等,其早期版本皆以Mosaic为基础而开发。
  12. 微软随后买下Spy Glass公司的技术开发出Internet Explorer浏览器,而Mozilla Firefox则是网景通信家开放源代码后所派生出的版本。

二、作者的总结

根据HTML的起源,我用简单的语言来总结下,我们为什么需要HTML:
  1. 供职于 欧洲核子研究中心 的 蒂姆·伯纳斯-李,为了方便和世界各地同行的沟通,在1980年开发了一个叫 ENQUIRE 的通讯软件。
  2. 此后几年中,随着针对此系统的不断优化升级,在1989年完善了 ENQUIRE系统 中的使用的文件格式,创立了HTML文件。
  3. 在1991年前后又创立了:WWW(万维网,基于客户端/服务器,以请求/响应的方式,来传递信息的技术和超文本技术的综合。WWW服务器通过超文本标记语言(HTML),把信息组织成为图文并茂的超文本,利用链接从一个站点跳到另个站点。这样一来彻底摆脱了以前查询工具只能按特定路径一步步地查找信息的限制),WorldWideWeb 和 CERN_httpd,正式开启了万维网的序幕,也就是网页时代。
  4. 其他互联网爱好者及公司在看到WWW的强大后,也对WWW进行了继续完善,终于有了我们现在的各种前端技术和浏览器。

三、更简单的总结

  1. 如今我们想要在网络上发布数据,只有两种形式可以选择:基于 客户端/服务器C/S模式;基于 浏览器/服务器B/S模式
  2. 但是由于C/S模式存在的种种缺陷(C/S模式也是有很多优点可选),基于B/S模式的网络服务更加方便和普及。
  3. 要想使用B/S模式系统在网络上提供服务和发布数据,那么就要学会使用HTML,因为HTML是浏览器可以识别的语言,也就是我们可以利用HTML来和浏览器进行交流,告诉浏览器我们要显示的内容。
  4. HTML是浏览器识别的文本格式,我们要想在网络上(基于B/S模式构建的系统)发布一些信息,必须会使用HTML来写一个网页,也就是用HTML写一个文本格式的文件,并且这个文件的后缀名为.html或者.htm

怎么学习及使用HTML?

一、教程说明

本教程是以作者自己的自学历程为参考,带你从一个完全的小白,一步步去了解和理解HTML这门计算机技术,后续作者会录制教程的配套视频,让你更快的进入计算机世界的大门。

二、基础知识要求

学习本教程前,您最好有以下基础知识:
  • 了解计算机的基础知识、计算机的五大部件:输入设备、输出设备、存储器、运算器和控制器
  • 熟悉Windows操作系统的基本操作:新建/删除文件、安装/卸载软件、复制、粘贴、基本文件类型(txt、doc、exe...)等
  • 会打字聊天、会使用浏览器浏览网页

三、怎么学习HTML?

  • 熟练掌握HTML的语法结构:<html>、<img/>...
  • 熟悉HTML中的包含的新名词:属性、头部、段落...
  • 了解HTML中所有标签的用处:在HTML中可以使用<img/>标签可以显示一张图片、在HTML中可以使用<a>标签来显示一个链接等
  • 了解HTML各个版本的异同:HTML 4.01、XHTML...

四、学习建议

  • 尽量按照教程左侧的菜单一步步进行,如果有不明白的地方,可以直接和作者联系
  • 学习应该按照“先主后次”的理论进行,也就是先了解HTML整体包括的技术点,然后从整体到部分,一步步进行
  • 学习中遇到不理解的地方,不要抓住一个点不放,也就是不要过渡注重细节技术点
  • 学会抽丝剥茧,总结各个知识点的异同;善于使用类比,找到自然界中本质和要学技术点共通的地方,以便更快的理解技术的本质
  • 敢于实践、勇于挑战:学习中尽量让自己马上上手真正的项目,做到从使用中来学习,不要感觉自己没有学完就不敢去挑战真正的项目
  • 多看看别人写的代码,从中学习技术点的应用,模仿也可以是成功的前提之一

 
友情提示