一、什么是HTML

HTML,全称为HyperText Markup Language,即超文本标记语言,是一种用于描述网页内容的语言。它由一系列的标签组成,通过这些标签我们可以定义网页的结构和展示不同的样式。

发展史

HTML的发展历程可以追溯到20世纪90年代,最初是在1993年6月互联网工程任务组工作案的发布(并非标准)中提出的。随后在1995年11月,作为RFC1866发布,后因与RFC854于1993年6月发布的内容冲突而被宣布过时。

HTML的语法是根据国标标准化组织和国际电工委员会的标准XHTML1.1制定的,于2001年5月1日发布。由于改动较大,学习成本很高,最终胎死腹中,因此目前最常用的还是XHTML1.0标准。

目前最新的版本为HTML5,它是在2014年被提出,2017年被WD接纳并成立新的HTML工作团队,于2016年1月公布HTML5第一份正式草案,并于2016年1月17日HTML5规范正式定稿,最终在2016年5月6日,HTML5.1正式草案公布。

HTML5作为最新版本,提供了一些新的元素和一些有趣的新特性。这些新元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。

目前企业开发中也在增大使用HTML5的力度,原因包括各大浏览器厂商对H5的支持、市场需求以及跨平台等特点。

二、HTML的基本结构

HTML文档始于<html>标签,结束于</html>标签。中间部分为文档的实际内容,分为头部和主体两部分。头部用<head>标签包裹,用于存放SEO优化内容以及设置网页编码等。主体则用<body>标签包裹,展示页面的可见内容。

头部

头部标记主要用于定义页面的元信息,如下所示:

<head>
  <meta charset="UTF-8">
  <title>页面标题</title>
</head>

其中,<meta charset="UTF-8">用于设置网页的编码格式,而<title>标签则用来设定浏览器的窗口标题。

主体

主体部分的内容用<body>标签包裹,以下是一个简单的例子:

<body>
  <h1>欢迎来到我的网站</h1>
  <p>这里是网站的正文内容。</p>
</body>

在主体中,我们可以通过不同的标签来展示各种不同的内容,例如标题标签、段落标签等。

三、HTML的基本标签

标题标签

HTML提供了六级标题标签,从<h1><h6>。其中,<h1>代表一级标题,<h2>代表二级标题,以此类推。

<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<!-- ...其他标题... -->

段落标签

段落标签为<p>,用于描述一个完整的段落。以下是一个例子:

<p>这是一个段落。</p>

如果需要换行,可以使用<br>标签。

四、其它常用标签

水平线标签

水平线标签<hr>用于在页面上添加一条横线。以下是其用法:

<h1>标题</h1>
<hr>
<p>这是第一段内容。</p>

字体样式标签

<em>标签代表斜体,而<strong>标签则代表加粗。

<em>这是斜体文字</em>
<strong>这是加粗文字</strong>

五、总结

以上就是HTML的简单入门,希望对大家有所帮助。后续还将带大家更深入地了解HTML,敬请期待。