Vec_Kun的博客

多媒体来自多种不同的格式。它可以是我们听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。在因特网上，我们经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。在本教程中，我们将了解到不同的多媒体格式，以及如何在我们的网页中使用它们。

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准。

autocomplete 属性适用于 以及如下 类型：text、search、url、tel、email、password、datepickers、range 以及 color。required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.formmethod 属性适用于 type="submit" 以及 type="image"。

2023新年快乐

XHTML 是以 XML 格式编写的 HTML。XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持本节学习了一种新的语法格式：XHTML，是由XML和HTML结合的一种形式。我们可以通过下面的网站简要做20道题测试一下是否掌握：传送门——开始 XHTML 测验。

快速查看HTML重点标签

表情符号（Emoji）类似图像或图标，但它们并不是。它们是来自 UTF-8 (Unicode) 字符集的字母（字符）。提示：UTF-8 几乎涵盖世界上所有字符和符号。

如需将此类符号添加到 HTML 页面，您可以使用 HTML 实体名称（HTML entity name）。如果不存在实体名称，则可使用实体编号，十进制或十六进制的引用。在上一章中已经讲解了 HTML 实体符号。普通键盘上不存在众多数学、技术和货币符号。

如果在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用 字符实体。提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。在 HTML 中不能使用小于号（），这是因为浏览器会误认为它们是标签。在 HTML 中，某些字符是预留的。

请勿使用没有必要的空行和缩进。如果您从对大小写不敏感的服务器转到一台对大小写敏感的服务器上，这些小错误将破坏您的网站。默认地，浏览器会把 之前的所有元素添加到默认的 元素。使用“不整洁”的 HTML 样式的后果，是可能会导致 JavaScript 错误。在 HTML5 标准中，能够省略 标签和 标签。对样式的合乎逻辑的使用，可以令其他人更容易理解和使用您的 HTML。在未来，诸如 XML 阅读器之类的程序，也许需要阅读您的 HTML。

语义元素清楚地向浏览器和开发者描述其意义。非语义元素的例子： 和 - 无法提供关于其内容的信息。语义元素的例子：、 以及 - 清晰地定义其内容。

通常，HTML 使用可变的字母尺寸，以及可变的字母间距。在显示计算机代码示例时，并不需要如此。,, 以及元素全都支持固定的字母尺寸和间距。

RWD 指的是响应式 Web 设计（Responsive Web Design）RWD 能够以可变尺寸传递网页RWD 对于平板和移动设备是必需的。

网站常常以多列显示内容（就像杂志和报纸）。使用 元素的 HTML 布局注释： 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。这个例子使用了四个 元素来创建多列布局

如果使用了相对路径，那么网页就不会与当前的基准 URL 进行绑定。所有链接在电脑上 (localhost) 或未来的公共域中均可正常工作。 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。在本例中，文件路径指向了位于当前文件夹的上一级文件夹中。文件路径描述了网站文件夹结构中某个文件的位置。在本例中，文件路径指向了位于当前网站根目录中。在本例中，文件路径指向了位于当前文件夹中。相对路径指向了相对于当前页面的文件。使用相对路径是个好习惯（如果可能）。

HTML 元素HTML 元素HTML 元素HTML 元素HTML 元素HTML 元素HTML 元素一个完整的实例。

这个 JavaScript 示例向 id="demo" 的 HTML 元素内写入 "Hello JavaScript!JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。如需选取 HTML 元素，JavaScript 最常用。如需所有可用的 HTML 标签的完整列表，请访问。标签用于定义客户端脚本（JavaScript）。中学习更多 JavaScript 知识。元素即可包含脚本语句，也可通过 src。我的第一段 JavaScript。属性指向外部脚本文件。

iframe 用于在网页内显示网页。height 和 width 属性用于规定 iframe 的高度和宽度。属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。frameborder 属性规定是否显示 iframe 周围的边框。iframe 可用作链接的目标（target）。指向隔离页面的位置。

id属性用于为 HTML 元素指定唯一的 idid属性的值在 HTML 文档中必须是唯一的CSS 和 JavaScript 可使用 id属性来选取元素或设置特定元素的样式id属性的值区分大小写id属性还可用于创建 HTML 书签JavaScript 可以使用 getElementById()方法访问拥有特定 id 的元素。

对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。为相同的类设置相同的样式，或者为不同的类设置不同的样式。

可以通过 和 将 HTML 元素组合起来。

标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始。

每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。注意：这个空的单元格的边框没有被显示出来。本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。本例演示如何使用 "frame" 属性来控制围绕表格的边框。本例演示如何定义跨行或跨列的表格单元格。本例演示一个没有边框的表格。

在 HTML 中，图像由 标签定义。 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。当单个文件需要特别样式时，就可以使用内部样式表。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。本例演示如何使用样式属性做一个没有下划线的链接。

它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。其中的原因是，微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色（双方大约各使用 20 种）。最初，216 跨平台 web 安全色被用来确保：当计算机使用 256 色调色板时，所有的计算机能够正确地显示所有的颜色。如果需要使用其它的颜色，需要使用十六进制的颜色值。

注释标签 用于在 HTML 插入注释。

HTML元素定义项目或缩写的定义。 的用法，按照 HTML5 标准中的描述，有点复杂：标签描述定义缩写或首字母缩略语。定义文档作者或拥有者的联系信息。定义文本方向。定义从其他来源引用的节。定义项目或缩略词的定义。定义短的行内引用。定义著作的标题。

标签描述定义缩写。定义首字母缩写。定义地址。定义文字方向。定义长的引用。定义短的引用语。定义引用、引证。定义一个定义项目。

style 属性用于改变 HTML 元素的样式。

提示：使用空的段落标记 去插入一个空行是个坏习惯。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。浏览器在显示 HTML 时，会省略源代码中多余的空白字符（空格或回车等）。即使 在所有浏览器中的显示都没有问题，使用 也是。在 HTML 文档中使用换行。

如果您想找到其中的奥秘，只需要单击右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox/Edge/...），其他浏览器的做法也是类似的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。提示：使用水平线 ( 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

（稍后的章节将会学习到更多有关 HTML 表格的内容） 拥有关于背景颜色的附加信息。不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。 拥有关于对齐方式的附加信息。 拥有关于表格边框的附加信息。而新版本的 (X)HTML 要求使用小写属性。 定义 HTML 文档的主体。属性提供了有关 HTML 元素的。属性总是在 HTML 元素的。属性和属性值对大小写。

HTML 文档是由 HTML 元素定义的。

HTML 标题（Heading）是通过 - 等标签进行定义的。HTML 图像是通过 标签进行定义的。HTML 段落是通过 标签进行定义的。HTML 链接是通过 标签进行定义的。注释：图像的名称和尺寸是以属性的形式提供的。注释：在 href 属性中指定链接的地址。

输入文件名称，选择文件类型后就创建成功咯~这里一般选择HTML 5，因为HTML 4中有一些标签过气或者被弃用了，所以长远来看还是学习使用HTML 5比较好~第3-6行是标头标签，声明编码方式为UTF-8并自动将光标移到dollar符号标识的Title位置处，帮助我们自动修改标题，修改完后自动跳转到。其中需要修改Someplace为地点名，可以改成自己学校的简称或者所在城市，修改Somebody为自己的英文名字~选择HTML File选项即可，它就是对应着HTML 5 File，把我的模板复制进去。

可以使用专业的编辑器来创建HTML网页。不过，我们同时推荐使用文本编辑器来学习 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我们相信，使用一款简单的文本编辑器是学习 HTML 的好方法。通过记事本，依照以下四步来创建您的第一张网页。

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (HyperTextMarkupLanguage)HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML 使用标记标签来描述网页。