首页 > > 网页制作 > css >

Html基础

2019-08-26 05:47:09来源：博客园阅读 ()

Html基础

HTML介绍

什么是HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

【学习重点】

1.了解HTML相关知识和概念。

2.熟悉HTML主体结构。

HTML发展历程

HTML是超文本标记语言的缩写，不同于C或JAVA等编程语言，HTML由标签组成。通过标签可以在网页中插入文字、图片、链接、音频、视频等元素，进而描述网页。和Windows一样，随着技术的发展，HTML经历了多次版本更新。

　　HTML1.0：1993年6月，HTML作为互联网工程工作小组（IETF）工作草案发布（注意，是草案，不是标准）

　　HTML2.0：1995年11月作为RFC（以编号排定的文件） 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时；

　　HTML3.2：1997年1月14日由W3C发布，为推荐标准；

　　HTML4.0：1997年12月18日，W3C推荐标准；

　　HTML4.01：1999年12月24日，是在HTML4.0基础上的微小改进，W3C推荐标准；

　　HTML4.01发布之后，很长一段时间里都能很好满足广大网名日常需求，但是随着时间的推移，人们开始在网上听歌、玩游戏，看视频，但是HTML所支持的网页中并不能直接插入视频、音频、动画等，这个时候Adobe率先抓住商机，Flash作为浏览器插件满足了上述需求。

这个时候W3C在干嘛呢？

他们专注着XHTML2.0，这个我们后面会说。

眼看着W3C要放弃HTML，在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商联合成立了WHATWG（互联网超文本应用技术工作组）继续推进HTML的标准化（这个时候的主要目标是开发新功能来取代插件），2006年，W3C表示有兴趣参与开发，2007年，W3C接纳了WHTAWG提出的web applications1.0，并正式将新的HTML命名为“HTML5”。2008年1月22日第一份HTML5正式草案公布；2014年10月29日，W3C宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

这里需要插播一下，W3C即万维网联盟，创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构，专门给Web技术制定标准及实施指南。至于为啥没有3.0，3.1，则是当时在制定标准时想改进的地方太多，引起很多争议，也没有合适的浏览器支持而被后续版本替代。

so，HTML5是标准，是对HTML标准的第五次修订，而不是技术。

我们平时说的H5就是HTML5，这里不单是标准，更是HTML、CSS3、JavaScript和Web API等一系列技术的组合。

刚刚我们说到了XHTML，这又是什么鬼？？？

XHTML（eXtensible HyperText Markup Language）：可扩展超文本标记语言。也是一种标记语言，表现方式与HTML类似，不过语法上更严格，兼容性更好。

XHTML1.0于2000年1月26日发布，是W3C的推荐标准，后于2002年8月1日重新发布，兼容HTML4.01，在那个时候，XHTML作为网页开发标准还是个非常不错的选择。后面的故事你们也知道了，在HTML5发布之后就发生了巨大的变化：后续版本因不及HTML5的冲击，XHTML的开发工作在2009年底停止，彻底凉凉。

主体结构

上面我们说，html又被称之为超文本标记语言。我们也对概念进行了简单的解释，本质上来讲就是一个普通的文本文件，但是这样的一个文本文件又不同于文本文档，在其中还可以放置图片、链接、音乐、视频、程序等内容。

那么我们该如何创建一个html文件呢？

首先我们需要创建一个普通的文本文件
然后将文件后缀更改为.html。

当我们创建好一个网页文件后，就可以通过鼠标右键点击创建好的网页文件，选择合适的编辑器进行开发。但是一定要注意，这里非常不推荐使用记事本来进行开发。

下面我们来说一下html网页文件的主体结构：

<!DOCTYPE html>　　//表示文档声明，告诉浏览器，当前html网页文档是html5的文档格式。

<html lang="en">　//这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话）

<head>　　　　　　　　//这个就是头部的那个标签了

    <meta charset="UTF-8">　　//这个是设置的编码为UTF-8的

    <title>Document</title>　　//设置网页标题

</head>
<body>
    网页内容
</body>
</html>