想要制做出好看又高大上的网页,第一步就是要编写HTML文件。HTML英文全称HyperText Markup Language,即超文本标记语言。顾名思义,HTML是一种标记语言,它的做用是定义一个网页的结构,随着HTML的普遍使用,为了使其更加标准规范,W3C组织出现了。canvas
W3C(World Wide Web Consortium,万维网联盟)是万维网之父 Sir Timothy John Berners-Lee 于1994年成立的。网络
为解决网络应用中不一样平台、技术和开发者带来的不兼容问题,保障网络信息的顺利和完整流通,万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。而W3C 最重要的工做是发展 Web 规范(称为推荐,Recommendations),这些规范描述了 Web 的通讯协议(好比 HTML 和 XHTML)和其余的构建模块。ide
所以,咱们能够在W3C的官方网站上查看HTML的标准规范文档。工具
W3C为了严谨表述,其官方规范文档冗长复杂,并且只有英文版,这对全球各国的开发者来讲看懂其未必都是一件易事。因而MDN出现了。学习
MDN(Mozilla Developer Network),Mozilla 开发者社区,是一个完整的学习平台,聚集了众多Mozilla基金会产品和网络技术开发文档。MDN提供了一种简洁的文档形式,而且保证了内容的严谨性和正确性,能够把它做为查阅文档的一个有力的工具。网站
HTML由一系列的元素(elements)所组成,这些元素能够用来封装、包装或标记内容的不一样部分,使其以某种方式显示,或以某种方式执行。spa
在HTML标签中,尖括号老是成对存在的,即有开始标签如,有结束标签,且绝大部分HTML标签在开始与结束标签之间还能够加入具体内容。code
可是并非全部的元素都有开始标签、具体内容以及结束标签的。因为HTML元素的内容是开始标签与结束标签之间的内容。而某些HTML元素具备空内容。那些含有空内容的HTML元素,就是空标签。空标签是在开始标签中关闭的,常见的空标签有:<area>、<base>、
、<col>、<colgroup> (when the span is present)、<embed>、<img>、<input>、<link>、<meta>、<param>、<source>、<track>、<wbr>等。对象
例如:element
<img src="xxxxx/xxxxx.png" alt="test image">
img包含了两个属性,src和alt,可是它并无闭合标签,也没含有具体内容,因此它就是咱们所说的空标签,其做用是向其所在的位置嵌入一个图像。
CSS中,可替换元素(replaced element)的样式展示不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有 <img>、 <object>、 <video> 和表单元素<textarea>、<input>等 。某些元素只在一些特殊状况下表现为可替换元素,例如 <audio> 和 <canvas> 。 经过 CSS的 content 属性来插入的对象被称做匿名可替换元素(anonymous replaced elements)。CSS在某些状况下会对可替换元素作特殊处理,好比计算外边距和一些auto值。