HTML介绍
1. HTML是什么?
html是超文本标记语言(Hyper Text Mark-up Language)。是一种制作万维网页面的标记语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。
html不是一种编程语言,是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。
标记语言是一套标记标签。
HTML使用标记标签来描述网页。
HTML 文档包含了HTML 标签 及 文本 内容,也叫做 Web页面。
2. HTML的发展历程
超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)以工作草案发布(并没有作为标准)。
- HTML2.0——1995年11月IETF发布的首个官方版本 已经宣布过时。
- HTML3.2, 4.0——1997年由W3C分别发布了这两个版本。
- HTML4.01——1999年12月24号由W3C发布,一个被广泛使用的标准。
- XHTML1.0——2000年1月26日发布,是W3C组织推荐的标准,经修改与2002年8月1号重新发布。
- XHTML2.0——于2002年8月5号发布草案。,因改动过大被扼杀在摇篮里了。
- HTML5.0——2014年10月28号W3C工作组发布了HTML5的正式推荐标准。
补充:W3C:万维网联盟(World Wide Web Consortium,缩写W3C),又称W3C理事会。于1994年10月在 麻省理工学院 计算机科学实验室成立。建立者是互联网的发明者蒂姆.伯纳斯-李。
含义:W3C组织是对网络标准定制的一个非盈利组织。
核心工作:制定网络标准。
3. html文档的后缀名: .html 或者 .htm
4. html标签:
- HTML标签是由尖括号包围的关键词,如<html>;
- HTML标签通常是成对出现的,如<p></p>;
- 标签中第一个标签是开始标签,第二个是结束标签。结束标签比开始标签多了一个 / ;
- 标签与标签之间是可以嵌套的,但先后顺序必须一致。如<标签1><标签2></标签2></标签1> ;
- HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员的都以小写为准。(标准与习惯);
5. html元素:
- HTML元素 指的是从 开始标签 到 结束标签 的 所有代码。
- 如:开始标签 元素内容 结束标签
<p> 这是一个段落。 </p>
- HTML元素以 开始标签 起始,以 结束标签 终止。元素内容 是开始标签与结束标签 之间 的内容。
- 某些 HTML元素 具有 空内容(empty content),空元素 在开始标签中进行关闭(以开始标签的结束而结束)。
- 大多数的HTML元素可拥有属性。
实例解析:
p元素:
<p>这是一个段落。</p>
- 这个<p>元素定义了HTML文档中的一个段落。
- 这个元素拥有一个开始标签<p>和一个结束标签</P>;
- 元素内容是:这是一个段落。
body元素:
<body> <p>这是一个段落。</p> </body>
- <body>元素定义了HTML文档的主体;
- 这个元素拥有一个开始标签<body>以及一个结束标签</body>;
- 元素内容:是另一个HTML标签元素(p元素)。
6. html属性与值:
- 属性 是HTML元素提供的附加信息。
- 属性一般描述于 开始标签 。
- 属性总是以 名称/值 的形式出现。如:属性名=“值” name="value" ;
- 属性 值 应该始终被包括在 引号内。 如: class=“ 值 ” ;
- 如: <标签名 属性名=“值”> 元素内容 </标签名>
<p class=“p1”> 这是一个段落。 </p>
7. html注释:
注释的作用是帮助程序员标注代码的用途,过一段时间后再看你说编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。
8. html语义化:
让页面的内容结构化,便于对浏览器、搜索引擎的解析。明白每个标签的用途(在什么情况下使用此标签合理),如:网页上文章的标题就可以使用标题标签<hn>,段落使用p标签。
好处:更容易被搜素引擎收录; 更容易让屏幕阅读器读出网页内容。
直观的认识标签,对搜索引擎的抓取由好处,用正确的标签做正确的事。