HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”是指在单个网站内或网站之间将网页彼此连接的链接。链接是网络的基础。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 使用“标记”来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img> 等等。

HTML中的标签不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。示例<title>标签可以写成<Title>,<TITLE>或以任何其他方式。

下面的文章会帮助你更好的了解 HTML:

  • HTML 介绍

    如果您是 Web 开发新手,请务必阅读我们的 HTML 基础 文章来了解什么是 HTML 以及如何使用它。

  • HTML 教程

    关于如何使用 HTML,以及教程和完整的示例的相关文章,查看我们的 HTML 学习区

  • HTML 参考

    在我们丰富的 HTML 参考 部分中,你可以找到在 HTML 中每一个元素和属性的详细信息。

初学者教程

我们的 HTML 学习区含有许多富有特色的模块,可以在不需学习者掌握任何先前经验的情况下,令其从零开始,掌握 HTML。

HTML 介绍
这一模块将为你打下基础,并为进一步的学习铺平道路。在这里,你将掌握并适应一些重要的概念和语法,学习如何使文本与 HTML 相搭配、如何创建超链接以及运用 HTML 去构建一个网页。
多媒体与嵌入内容
这个模块将带领你探索如何使用 HTML 在你的页面中包含多媒体内容,包括通过许多不同的方式嵌入图片,以及如何嵌入视频、音频甚至一整个其他页面。
HTML 表格
如何以一个可理解并易于访问的形式在网页中展示一个表格化数据一向都是个不小的挑战。这个模块涵盖了基本的表格 table 标记,以及一些更复杂的特性,比如使用标题和总结等。
HTML 表单
表单是构成 Web 世界的重要组成部分——他们提供了大量的你所需要用来与网站进行交互所需的功能。比如注册、登录、发送评论反馈、购买商品等等。这个模块将带领你建立一个客户端/前端部分的表单。
用 HTML 解决常见问题
该部分提供了一些链接,这些链接指向那些在你构建 Web 页面的过程中最常遇到的问题的解决方法:如何处理网页标题、添加图片或视频、强调某些内容、建立基本的表单等。

高级主题

CORS 处理跨域图片
crossorigin 属性在与一个得到恰当配置的 CORS 头部相搭配时,可以使在 <img> 元素中定义并需要加载或者在 <canvas> 中所需使用的,来自外部来源的图片资源得到妥善的处理,使这些资源像是从本地源所加载一样。
CORS 设置属性
一些 HTML 元素提供了对 CORS 的支持,比如 <img><video> ,它们提供了 crossorigin 元素属性/attribute (crossOrigin对象属性/property),该属性使你能够对元素跨域获取资源的行为进行配置。
HTML 中的焦点管理
DOM 元素的 activeElement 属性以及 hasFocus() 方法可以帮助你跟踪并控制用户在网页中与各种元素的交互行为。
使用应用缓存
应用程序缓存使得以网页为基础的程序可以离线运行。你可以使用 Application CacheAppCache)接口指定相应的资源令浏览器进行缓存,以使得用户可以离线使用该资源。缓存后的应用程序将能够被正确的加载并运行,即使用户在离线的状态下点击了刷新按钮也是如此。
使用 rel="preload" 预加载页面内容
<link> 元素的 rel 的属性值 preload 允许你在页面的 <head> 部分进行一个资源预加载的声明。指定那些在页面加载后即刻需要的资源,将使得页面在生命周期的早期阶段对这些资源进行提前的预加载,甚至早于浏览器的主渲染机制介入。这保证了这些资源尽早可用并尽可能地减少对于页面初次渲染所造成的阻塞,从而提升性能。这篇文章提供了关于 preload 作用机制的基本指导。

参考

HTML 参考
HTML 由元素组成,每个元素都可以被多个属性修饰。HTML 文档通过链接相互连接。
HTML 元素参考
浏览一个完整的 HTML 元素列表。
HTML 属性参考
HTML 元素都含有元素属性。这些额外的属性值可以通过各种途径对元素进行配置或调整其行为。
全局属性
全局属性可以在所有 HTML 元素上进行设置,即使那些没有在相关标准中出现的元素也一样。这就意味着那些非标准的元素也同样会实现这些属性,即使这些元素使得文档并不符合 HTML5 标准。
内联元素块级元素
HTML 元素通常是"内联"或"块级"元素。一个内联元素仅会占用由定义它的标签所包裹起来的空间。而一个块级元素将会占用其父元素(容器)的全部空间,也就是创建一个“块”
链接类型
在 HTML 中,各种各样的链接类型被用来确立和定义两个文档之间的关系。不同类型的链接(Link)会通过包括 <a><area>,和 <link> 等元素进行设置。
HTML 的 audio 与 video 元素所支持的媒体格式
<audio><video> 元素允许你播放视频和音频媒体。这些元素提供了一个浏览器原生的对与 Adobe Flash 和其他插件的替代品。
其他 HTML 内容(高级)
HTML 包含了几种类型的内容,每种内容在特定的情景上下文中有效,而在其他上下文中无效。类似地,每种内容也包含了一组关于其他类型内容的配置,包括哪些内容类型和元素可以或不可以被包含并使用。这里提供了一个关于这些分类的说明。

相关主题

使用 CSS 为 HTML 元素应用颜色
这篇文章涵盖了大多数使用 CSS 为 HTML 内容增加颜色的方式,并列举了哪部分 HTML 文档内容可以进行上色以及这一操作将会涉及到哪些 CSS 属性。包含了一些示例以及到一些配色建构工具的链接,以及一些其他内容。
查看所有...

加入 Web layout 社区

请选择你喜欢的方式加入我们: