一、HTML是什么
HTML的英文全称是Hyper Text Markup Language,即超文本标记语言,是一种标记语言。HTML是由Wed的发明者Tin Bernerd-Lee和同事Daniel W.Connolly于1990年创立的。用HTML编写的超文本文档称为HTML文档,能独立于各种操作系统平台。
那超文本是什么? 超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息联系在一起。
HTML从1990年就一直被用作万维网的信息表示语言,HTML文件通过web浏览器显现效果。每一个HTML文档都是一种静态的网页文件,网页端本质就是超文本标记语言。
HTML有过以下版本:HTML1.0、HTML2.0、HTML3.2、HTML4.0、HTML4.01、HTML5。
HTML是公认的下一代Web语言。
二、Web标准
想要构建网页,程序员就得遵循一个标准,只有各人遵循同一个标准,才会确保所有浏览器正确显示开发人员所编写的代码。并且在公司工作,大多都是每个人负责一部分内容,只有遵循同一个标准,同事们就可以很容易了解彼此的代码。
Web标准中分成三个构成:结构【html】、表现【css】、行为【javaScript】。
其中结构主要是由html标签组成,包括页面元素和内容。
表现即是css样式表,主要包括网页元素的外观和位置等页面样式(如:颜色、大小等)。
行为主要是由js组成,包括网页模型的定义与页面交互。
三、常见浏览器
写了HTML文本要想让它变成我们平常所见到的网页,就需要一个过渡,一个中介一样的存在,即浏览器。我们国际上常见的有五大浏览器,分别是:IE浏览器、火狐浏览器、谷歌浏览器、Safar浏览器、欧明浏览器。如图可以看到:
其中谷歌浏览器是使用率最高,适用范围最广的浏览器,同时也是程序员最喜欢的浏览器。
那浏览器是怎么认识代码的呢? 就是通过浏览器内核(也叫渲染引擎)专门对代码进行解析。不同的浏览器有不同的渲染引擎,如图:
( 图片来自于黑马程序员)
四、HTML的开发工具
HTML可以通过文本编辑器编写网页源代码,如:记事本等。但是效率太慢,一般来说前端程序员不会这样做,而为了效率会选择一些开发工具,如:Visual Studio Code 、Webstorm、Sublime、Dreamweaver、Hbuilder等。
其中最受欢迎的是Visual Studio Code,它是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键等等一系列功能。
五、HTML骨架
如图,这就是HTML的基本骨架,有骨架HTML写出来才会更加清晰好看。
这些骨架中,<head>为头标签,成对存在,里面放置网页的配置信息(meta)及网页的标题<title>。<head>为开始,</head>为结束。
<title>为网页标题栏,也就是计算机浏览器标题栏显示的信息,内容也可以用优化搜索引擎的功能,如:京东。
<boby>是网页的主体内容,也就是平常所能看到的网页的信息。
下图为在VS Code中所使用的基本骨架:
六、HTML中的常用标签
超文本标记语言标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成部分。有以下常用标签:
总结:
HTML是超文本标记语言,是全世界都非常有名的标记语言。今天介绍了HTML的源来、Web标准、HTML的常用浏览器、HTML的一些开发工具、HTML的骨架以及HTM的基础标签,这些都只是HTML相关的一些基础知识,较为浅显。