CodeNodeX AI
Sign upWrite

Learning Path

HTML tutorials

Browse tutorials and chapters for HTML.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

57

TAXONOMYFrontendFetched/HTML

HTML 教程- (HTML5 标准)

HTML 教程- (HTML5 标准) 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 在本教程中，您将学习如何使用 HTML 来创建站点。 HTML 很容易学习！相信您能很快学会它！ HTML 实例 本教程包含了数百个 HTML 实例。 使用本站的编辑器，..

TUTORIALFrontendFetched/HTML

HTML 属性

HTML 属性 属性是 HTML 元素提供的附加信息。 属性通常出现在 HTML 标签的开始标签中，用于定义元素的行为、样式、内容或其他特性。 属性总是以 name='value' 的形式写在标签内，name 是属性的名称，value 是属性的值。 HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现，比如：name=&..

TUTORIALFrontendFetched/HTML

HTML 基础- 4个实例

HTML 基础- 4个实例 不要担心本章中您还没有学过的例子。 您将在下面的章节中学到它们。 HTML 标题 HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。 实例 [mycode3 type='html'] 这是一个标题 这是一个标题 这是一个标题 [/mycode3] 尝试一下 » HTML 段落 HTML 段落是通过..

TUTORIALFrontendFetched/HTML

HTML <div> 和<span>

HTML &lt;div&gt; 和&lt;span&gt; HTML 可以通过 &lt;div&gt; 和 &lt;span&gt;将元素组合起来。 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 实例: &lt;h1&gt;, &lt;p&gt;, &..

TUTORIALFrontendFetched/HTML

HTML 颜色名

HTML 颜色名 目前所有浏览器都支持以下颜色名。 141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。 提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。 按颜色名排序 按十六进制的值排序 单击一个颜色名或者 16 进..

TUTORIALFrontendFetched/HTML

HTML 颜色

HTML 颜色 HTML 颜色由红色、绿色、蓝色混合而成。 颜色值 HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。 每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。 这个表格给出了由三种颜色混合而成的具体效果： 颜色值 颜色(Color) 颜色十六进制(Color HEX) 颜色RGB(Color RGB) ..

TUTORIALFrontendFetched/HTML

HTML 颜色值

HTML 颜色值 颜色由红(R)、绿(G)、蓝(B)组成。 颜色值 颜色值由十六进制来表示红、绿、蓝（RGB）。 每个颜色的最低值为 0(十六进制为 00)，最高值为 255(十六进制为FF)。 十六进制值的写法为 # 号后跟三个或六个十六进制字符。 三位数表示法为：#RGB，转换为6位数表示为：#RRGGBB。 颜色实例 颜色 3位十六进制颜色值 6位十六进制颜色值 RGB ..

TUTORIALFrontendFetched/HTML

HTML 样式- CSS

HTML 样式- CSS CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。 Look! Styles and colors Manipulate Text Colors, &nbsp;Boxes and more... 尝试一下 » 尝试一下 - 实例 HTML使用样式 本例演示如何使用添加到 &lt;head&gt; ..

TUTORIALFrontendFetched/HTML

HTML 编辑器

HTML 编辑器 HTML 编辑器推荐 可以使用专业的 HTML 编辑器来编辑 HTML，为大家推荐几款常用的编辑器： .tool-item{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px;..

TUTORIALFrontendFetched/HTML

HTML 元素

HTML 元素 HTML 文档由一系列 HTML 元素（Element）构成，是网页结构的基础。 什么是 HTML 元素？ HTML 元素是从开始标签（start tag）到结束标签（end tag）之间的完整结构。 开始标签 元素内容 结束标签 &lt;p&gt; 这是一个段落 &lt;/p&gt; &lt;a href='default.htm'&a..

TUTORIALFrontendFetched/HTML

HTML 字符实体

HTML 字符实体 HTML 中的预留字符必须被替换为字符实体。 一些在键盘上找不到的字符也可以使用字符实体来替换。 HTML 实体 在 HTML 中，某些字符是预留的。 在 HTML 中不能使用小于号（&lt;）和大于号（&gt;），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样： &am..

TUTORIALFrontendFetched/HTML

HTML 实例

HTML 实例 HTML 基础 非常简单的HTML文档HTML 标题HTML 段落HTML 链接HTML 图片 实例解析 HTML 标题 HTML 标题在html源码中插入注释插入水平线 实例解析 HTML 段落 HTML 段落更多段落本例演示在 HTML 文档中折行的使用。 HTML 格式化的某些问题。 实例解析 HTML 文本格式化 文本格式化此例演示如何使用 pre 标签对空行和空格进行控制。此例演示..

TUTORIALFrontendFetched/HTML

HTML 文本格式化

HTML 文本格式化 HTML 文本格式化 加粗文本 斜体文本 电脑自动输出 这是 下标 和 上标 尝试一下 » HTML 格式化标签 HTML 使用标签 &lt;b&gt;('bold') 与 &lt;i&gt;('italic') 对输出的文本进行格式, 如：粗体 or 斜体 这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。 ..

TUTORIALFrontendFetched/HTML

HTML 表单和输入

HTML 表单和输入 HTML 表单用于收集用户的输入信息。 HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。 HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。 以下是一个简单的HTML表单的例子： &lt;form&gt; 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了提交数据的 HTTP 方法（..

TUTORIALFrontendFetched/HTML

HTML <head>

HTML &lt;head&gt; 查看在线实例 &lt;title&gt; - 定义了HTML文档的标题 使用 &lt;title&gt; 标签定义HTML文档的标题 &lt;base&gt; - 定义了所有链接的URL 使用 &lt;base&gt; 定义页面中所有链接默认的链接目标地址。 &lt;meta&gt; - 提供了HT..

TUTORIALFrontendFetched/HTML

HTML 标题

HTML 标题 在 HTML 文档中，标题很重要。 HTML 标题 标题（Heading）是通过 &lt;h1&gt; - &lt;h6&gt; 标签进行定义的。 &lt;h1&gt; 定义最大的标题。 &lt;h6&gt; 定义最小的标题。 实例 [mycode3 type='html'] 这是一个标题。 这是一个标题。 这是一个标题。 [..

TUTORIALFrontendFetched/HTML

HTML 框架

HTML 框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法: 该URL指向不同的网页。 iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如：'80%')。 实例 [mycode3 type='html'] [/mycode3] 尝试一..

TUTORIALFrontendFetched/HTML

HTML 图像

HTML 图像 实例 Norwegian Mountain Trip 尝试一下 » 在线实例 插入图像 本例演示如何在网页中显示图像。 从不同的位置插入图片 本例演示如何将其他文件夹或服务器的图片显示到网页中。 （可以在本页底端找到更多实例。） HTML 图像- 图像标签（ &lt;img&gt;）和源属性（Src） 在 HTML 中，图像由&lt;img&gt; 标签定义。 &a..

TUTORIALFrontendFetched/HTML

HTML 简介

HTML 简介 HTML 实例 [mycode3 type='html'] 菜鸟教程(runoob.com) 我的第一个标题 我的第一个段落。 [/mycode3] 尝试一下 » 实例解析 &lt;!DOCTYPE html&gt; 声明为 HTML5 文档 &lt;html&gt; 元素是 HTML 页面的根元素 &lt;head&..

TUTORIALFrontendFetched/HTML

HTML 布局

HTML 布局 网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 在线实例 使用 &lt;div&gt; 元素的网页布局 如何使用 &lt;div&gt; 元素添加布局。 使用 &lt;table&gt; 元素的网页布局 如何使用 &lt;table&gt; 元素添加布局。 网站布局 大多数网站会把内容安排到多个列中（就像杂志或报纸那样）。 大多数..

TUTORIALFrontendFetched/HTML

HTML 链接

HTML 链接 HTML 链接（Anchor）是网页之间跳转的核心部分。 HTML 使用链接与网络上的另一个文档相连。 HTML中的链接是一种用于在不同网页之间导航的元素。 链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。 链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。 HTML 链接 通过 &lt;a&gt; 标签创建，通常用于将用户从一个页面导..

TUTORIALFrontendFetched/HTML

HTML 列表

HTML 列表 HTML 支持有序、无序和定义列表: HTML 列表 有序列表 第一个列表项 第二个列表项 第三个列表项 无序列表 列表项 列表项 列表项 在线实例 无序列表 本例演示无序列表。 有序列表 本例演示有序列表。 （可以在本页底端找到更多实例。） HTML无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表使用 &am..

TUTORIALFrontendFetched/HTML

HTML 多媒体

HTML 多媒体 Web 上的多媒体指的是音效、音乐、视频和动画。 现代网络浏览器已支持很多多媒体格式。 什么是多媒体？ 多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。 在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。 在本教程中，您将了解到不同的多媒体格式，以及如何在您的网页中使用它们。 浏览器支持 第一款因特网浏览器只支持文本，而..

TUTORIALFrontendFetched/HTML

HTML 插件

HTML 插件 插件的功能是扩展 HTML 浏览器的功能。 HTML 助手（插件） 辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。 辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 &lt;object&gt; 标签来加载的。 使用辅助程序播放视频和音频的一个优势是，您能够允许用户来控制部分或全部播放设置。 插件可以通过 &lt;object&..