HTML入门

最新推荐文章于 2024-10-13 20:25:23 发布

jianyawei

最新推荐文章于 2024-10-13 20:25:23 发布

阅读量400

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_30423393/article/details/51820892

前端专栏收录该内容

6 篇文章

订阅专栏

HTML入门

一些技术（如CSS，JavaScript，Flash，AJAX，JSON）可以用来定义网页中的一些元素。但是，网页的基础是由HTML（HyperText Markup Language 超文本标记语言）来定义的。没有了HTML，网页不可能存在。HTML是一个把所有东西包含起来的外壳：HTML是一个国际化的标准，由万维网联盟（W3C）和网页超文本技术工作小组 (WHATWG)维护。WHATWG认为HTML是一个“活着的标准”，它应该不断地在进化。而W3C则致力于维护HTML的“多个版本快照”，即当前最新的版本HTML5和HTML的进化版HTML 5.1。

HTML规范所定义的这种语言，既可以使用较为松散的HTML语法，也可以使用更为严格的XML（Extensible Markup Language 扩展标记语言）语法，同时也解决了Web应用的需求。HTML没有描述内容的样式和格式，只是内容本身和其意义。如果你想要在网站中加入样式和格式，需要通过层叠样式表（CSS）来定义和控制。

HTML简史

HTML自从1989年首次应用于网页编辑后，便迅速崛起成为网页编辑主流语言。目前几乎所有的网页都是由HTML或者以其他程序语言嵌套在HTML中编写的。1993年HTML发布以后，众多的不同版本HTML陆续在全球使用，始终未能形成一个广泛的有相同标准的版本。所以，准确的说，HTML1.0是不存在的，按照主流说法，该版本应该算初版。HTML 是Web 统一语言，这些容纳在尖括号里的简单标签，构成了如今的 Web。1991 年，Tim Berners-Lee 编写了一份叫做 “HTML 标签”的文档，里面包含了大约20个用来标记网页的 HTML 标签。他直接借用 SGML 的标记格式，也就是后来我们看到的 HTML 标记的格式。

HTML4.01于1999年12月发布，但它并没有引入任何重要的新功能。它的主要目的是修正规范中的一些错误，并做了一些小的修改。毕竟，当时HTML 4发布只有两年时间，所以还不需要对它进行大的改动。在接下来的5年时间里，它的应用情况良好。在这期间，CSS进行了一些更新，XHTML 1.0发布了，而声名狼藉的浏览器IE 6也发布了。在2005年，由于WHATWG（Web Hypertext Application Techonlogy Working Group, Web超文本应用技术工作组）制定的Web Applications 1.0的草案规范发布，情况便开始发生巨大的变化。

HTML是什么

HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上. 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础.

什么是HTML

HTML是用来制作网页的标记语言

HTML是Hypertext Markup Language的英文缩写, 即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏 HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素, HTML文件是一个文本文件,包含了一些HTML元素,标签等.
HTML文件必须使用html或htm为文件名后缀
HTML是大小写不敏感的,HTML与html是一样的

元素——基本的构造区块

HTML由不同元素的集合组成。元素定义了它们所包含内容的语义。元素包含了两个相匹配的元素标签之中所有的内容，当然也包含了标签本身。例如，"<p>"标签表示一个段落；"<img>"标签表示一张图片。访问HTML Elements页面以查阅完整的列表。

一些元素都有着明确的含义，例如 ”这是一张图片”，“这是一个标题” 或者 “这是一个有序列表”。另外一些则没这么特殊，例如 "这是本页面的一个节" 或者 "这是文本的一部分"，但是就技术层面上而言它们都是必不可少的，例如标记一些在网页中不会被显示的内容。不论如何,所有的html元素都有其特定的语义及存在价值。

大部分的元素都支持元素嵌套，构成了一个层次结构。一个简单的完整的网页结构例子如下所示：

<span style="font-size:18px;"><html>
  <body>

    <p>My dog ate all the guacamole.</p>

  </body>
</html></span>

显而易见, <html> 元素将其他元素括起,，<body> 元素中包含网页内容。该结构通常被视为由主干（<html>）发展而来的具有分支(本例中分支为，元素 <body> 和<p> )的树形结构。该层次化结构称为 DOM: Document Object Model--文档对象模型。

HTML文档由纯文本表示。你可以使用任意支持纯文本编写保存的文本编辑器来编写HTML文档，但大部分HTML程序员更倾向于使用专门的编辑器，这些编辑器支持语法高亮和DOM显示，例如Notepad++和sublime Text。标签(Tag)的名字不区分大小写。但是,W3C (维护了HTML标准的国际性性联盟)建议使用小写 ( XHTML 同样要求使用小写).

HTML 为由一对尖括号（<>）所括起来的内容以特定含义. 这样的标识称为一个标签（tag）. 例如:

<span style="font-size:18px;"><p>This is text within a paragraph.</p></span>

上述例子中有一个起始标签（ start tag）和一个结束标签（end tag）。结束标签与起始标签在内容上是一样的，但结束标签会在小于符号（<）后多一个整斜线/。大多数 HTML 元素由一个起始标签和一个结束标签标识。起始标签和结束标签应成对出现，也就是说在一个起始标签之后应有其对应的结束标签。由连个标签（起始标签和结束标签）构成的元素而言，缺少其中之一，这个元素都肯能会被认为是无效的。
注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag)。

属性

开始标签可能包含一些信息，这些信息叫做元素的特性，包括两部分:

特性名.
特性值.

一些元素可以只有特性名没有特性值。它们的特性名类似“是非”，“有或没有”，所以可以省略特性值，所以下面三种写法都是一样的意思:

<input required="required">

     <input required="">

     <input required>

文档类型和注释

除标签，文本内容和实体外，一个HTML文档一定需要在第一行做出文档类型断言(doctype declaration)。在现代HTML中，这句断言书写如下：

<span style="font-size:24px;"><!DOCTYPE html></span>

我们只需知道上方的文档类型断言告诉了浏览器需要遵循W3C标准来解析HTML和CSS代码。

HTML拥有一个允许我们在HTML文档添加评论的机制。评论并不会在浏览器渲染页面时一并呈现给用户，而是隐藏在源代码内。这个机制使我们能十分方便地为HTML文档的某个部分添加解释信息、给你的同事预留便笺、或者给你自己做个提示。

最后说一句，HMTL是计算机语言，但不是编程语言。可能有些人不理解。这样说吧，如果把编程比喻成做饭，那HTML就是厨房。这样说大家是不是能够理解了。