认识HTML

 

一、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相关的一些基础知识,较为浅显。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值