菜单
×
我的 W3Schools 获得认证 Spaces 适用于教师 Plus 获得认证 Spaces 适用于教师 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 操作方法 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 教程

HTML 首页 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 样式 HTML 格式化 HTML 引用 HTML 注释 HTML 颜色
颜色 RGB HEX HSL
HTML CSS HTML 链接
链接 链接颜色 链接书签
HTML 图像
图像 图像映射 背景图像 图片元素
HTML 收藏夹图标 HTML 页面标题 HTML 表格
HTML 表格 表格边框 表格大小 表格标题 内边距与间距 跨列与跨行 表格样式 表格列组
HTML 列表
列表 无序列表 有序列表 其他列表
HTML 块与内联元素 HTML Div HTML 类 HTML Id HTML Iframe HTML JavaScript HTML 文件路径 HTML Head HTML 布局 HTML 响应式 HTML 计算机代码 HTML 语义化 HTML 样式指南 HTML 实体 HTML 符号 HTML 表情符号 HTML 字符集 HTML URL 编码 HTML vs. XHTML

HTML 表单

HTML 表单 HTML 表单属性 HTML 表单元素 HTML 输入类型 HTML 输入属性 输入表单属性

HTML 图形

HTML Canvas HTML SVG

HTML 媒体

HTML 媒体 HTML 视频 HTML 音频 HTML 插件 HTML YouTube

HTML API

HTML 地理定位 HTML 拖放 HTML Web 存储 HTML Web Workers HTML SSE

HTML 示例

HTML 示例 HTML 编辑器 HTML 测验 HTML 练习 HTML 网站 HTML 面试准备 HTML 新兵训练营 HTML 证书 HTML 摘要 HTML 无障碍性

HTML 参考

HTML 标签列表 HTML 属性 HTML 全局属性 HTML 浏览器支持 HTML 事件 HTML 颜色 HTML Canvas HTML 音频/视频 HTML 文档类型定义 HTML 字符集 HTML URL 编码 HTML 语言代码 HTTP 消息 HTTP 方法 PX 到 EM 转换器 键盘快捷键

HTML 示例

❮ 上一个 下一个 ❯

HTML 基础

HTML 文档 HTML 标题 HTML 段落 HTML 链接 HTML 图像 HTML 按钮 HTML 列表

Examples explained

HTML 属性

title 属性 href 属性 width 和 height 属性 alt 属性 不带引号的属性 不带引号的属性不起作用

Examples explained

HTML 标题

HTML 标题 HTML 水平线 HTML head

Examples explained

HTML 段落

HTML 段落 更多 HTML 段落 HTML 中换行的使用 诗歌问题（HTML 格式化的一些问题） 如何使用 <pre> 标签控制换行和空格

Examples explained

HTML 样式

HTML 样式 HTML 背景颜色 HTML 文本颜色 HTML 文本字体 HTML 文本大小 HTML 文本对齐

Examples explained

HTML 文本格式

使用 <b> 元素进行粗体格式化 使用 <strong> 元素进行强调格式化 使用 <i> 元素进行斜体格式化 使用 <em> 元素进行强调格式化 使用 <small> 元素进行小号格式化 使用 <mark> 元素进行标记格式化 使用 <del> 元素进行删除标记 使用 <ins> 元素进行插入标记 使用 <del> 和 <ins> 进行删除和插入标记 使用 <sub> 元素进行下标格式化 使用 <sup> 元素进行上标格式化

Examples explained

HTML 引用和引文

使用 <q> 元素格式化短引用。 使用 <blockquote> 元素格式化引用部分。 使用 <address> 元素格式化文档作者/所有者信息 使用 <abbr> 元素格式化缩写词和首字母缩略词 使用 <cite> 元素格式化作品标题 使用 <bdo> 元素格式化文本方向

Examples explained

HTML 注释

隐藏注释 条件注释 用于调试的注释

Examples explained

HTML CSS

带有内联 CSS 的 HTML 带有内部 CSS 的 HTML 带有外部 CSS 的 HTML 带有 CSS 字体的 HTML 使用 id 属性的带有 CSS 的 HTML 使用 class 属性的带有 CSS 的 HTML HTML 和 CSS 边框 HTML 和 CSS 内边距 HTML 和 CSS 外边距 HTML 和 CSS 完整演示

Examples explained

HTML 链接

使用绝对 URL 链接 使用相对 URL 链接 更改链接颜色 移除链接下划线 更改链接目标 将图像作为链接 创建书签链接 跳出框架的链接 邮件链接 带有主题的邮件链接

Examples explained

HTML 图像

一个图像 使用属性设置图像高度和宽度 使用 CSS 设置图像高度和宽度 同时使用属性和 CSS 设置图像高度和宽度 另一个文件夹中的图像 链接损坏的图像 另一个服务器上的图像 将图像用作链接 一个移动的图像 带有可点击区域的图像地图 一个浮动图像

Examples explained

HTML 表格

基本的 HTML 表格 带边框的表格 带折叠边框的表格 带单元格内边距的表格 带标题的表格 带左对齐标题的表格 水平/垂直表格标题 带标题的表格 跨多列的表格单元格 跨多行的表格单元格 带单元格间距的表格 内部带有 HTML 标签的表格 使用 id 样式不同的表格 I 使用 id 样式不同的表格 II 使用 class 样式不同的表格 I 使用 class 样式不同的表格 II

Examples explained

HTML 列表

无序列表（默认） 带圆盘项目的无序列表 带圆圈项目的无序列表 带方形项目的无序列表 不带项目的无序列表 有序列表（默认） 带数字的有序列表 带大写字母的有序列表 带小写字母的有序列表 带罗马数字的有序列表 带小写罗马数字的有序列表 描述列表 嵌套列表 I 嵌套列表 II 水平列表 水平列表菜单

Examples explained

HTML 块级和内联元素

<div> 元素 <span> 元素 为 <div> 元素设置样式 为 <span> 元素设置样式

Examples explained

HTML Div 元素

<div> 元素自带换行符 <div> 作为容器 居中对齐 <div> 元素 多个 <div> 元素 浮动 <div> 元素 使用 display:inline-block 定位 <div> 元素 使用 display:flex 定位 <div> 元素 使用 display:grid 定位 <div> 元素

Examples explained

HTML 类

样式化所有具有指定类名的元素 使用 JavaScript 访问具有指定类名的元素 多个类 相同的类，不同的标签

Examples explained

HTML Id

样式化具有特定 id 的元素 class 和 id 的区别 使用 JavaScript 访问具有特定 id 的元素

Examples explained

HTML 布局

使用浮动布局 使用弹性盒布局 使用弹性盒布局 2 使用弹性盒布局 3

Examples explained

HTML IFrame

内联框架（HTML 页面中的框架）

Examples explained

HTML head 元素

一个没有 <html>、<body> 和 <head> 的有效 HTML 文档 一个没有 <head> 元素的有效 HTML 文档 <title> 元素定义文档标题 <style> 元素包含样式信息 <link> 元素定义与外部资源的关联 <meta> 元素定义特殊的元信息 <script> 元素定义客户端 JavaScript <base> 元素定义所有 URL 的基本 URL

Examples explained

HTML 脚本

插入脚本 <noscript> 标签的使用

Examples explained

HTML 计算机代码元素

使用 <kbd> 元素格式化键盘输入 使用 <samp> 元素格式化计算机输出 使用 <code> 元素格式化编程代码 保留空格和换行的编程代码格式化 使用 <var> 元素格式化变量

Examples explained

HTML 表单

带文本输入的表单 带单选按钮输入的表单 带文本字段和提交按钮的表单 不带 name 属性的文本字段表单 分组表单数据

Examples explained

HTML 表单元素

简单的下拉列表 带有预选值的下拉列表 文本区域（多行文本输入字段） 输入按钮 使用 <datalist> 元素 使用 <output> 元素

Examples explained

HTML 输入类型

文本输入类型 密码输入类型 单选输入类型 复选框输入类型 按钮输入类型 数字输入类型 - 带限制 数字输入类型 - 带步长 日期输入类型 - 带日期选择器 日期输入类型 - 带限制 颜色输入类型 - 带颜色选择器 范围输入类型 月份输入类型 周输入类型 时间输入类型 本地日期时间输入类型 电子邮件输入类型 搜索输入类型 电话输入类型 URL 输入类型

Examples explained

HTML 输入属性

autocomplete 属性 novalidate 属性 autofocus 属性 form 属性 formaction 属性 formenctype 属性 formmethod 属性 formnovalidate 属性 formtarget 属性 height 和 width 属性 list 属性 min 和 max 属性 multiple 属性 pattern 属性 placeholder 属性 required 属性 step 属性

Examples explained

HTML Canvas 图形

使用 JavaScript 在 canvas 上绘图 使用 lineTo() 绘制线条 使用 arc() 绘制圆形 使用 fillText() 绘制文本 使用 strokeText() 绘制文本 绘制线性渐变 绘制圆形渐变 使用 drawImage() 绘制图像

Examples explained

HTML SVG 图形

SVG 圆形 SVG 矩形 SVG 圆角矩形 SVG 星形 SVG 标志

Examples explained

HTML 媒体

播放兔子视频 播放带控制器的熊视频 自动播放熊视频 播放带控制器的马声音

Examples explained

HTML 地理定位

获取地理定位坐标 处理地理定位错误 获取地理定位并观察位置

Examples explained

HTML 本地存储

永久存储名称 永久存储计数器 为单个会话存储计数器

Examples explained

HTML 媒体

播放视频文件 在 HTML 中播放音频文件 在 HTML 中播放 YouTube 视频

Examples explained

更多 HTML 示例

HTML 拖放 HTML Web Workers HTML 服务器发送事件


❮ 上一个 下一个 ❯
PLUS
空格
获取证书
面向教师
面向企业
联系我们
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业，请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误，或想提出建议，请发送电子邮件给我们
help@w3schools.com

热门教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
热门参考
HTML 参考
CSS 参考
JavaScript 参考
SQL 参考
Python 参考
W3.CSS 参考
Bootstrap 参考
PHP 参考
HTML 颜色
Java 参考
Angular 参考
jQuery 参考
热门示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
获取证书
 HTML 证书
CSS 证书
JavaScript 证书
前端证书
SQL 证书
Python 证书
PHP 证书
jQuery 证书
Java 证书
C++ 证书
C# 证书
XML 证书
论坛 关于 学院
W3Schools 经过优化，旨在方便学习和培训。示例可能经过简化，以提高阅读和学习体验。
教程、参考资料和示例会不断审查，以避免错误，但我们无法保证所有内容的完全正确性。
使用 W3Schools 即表示您已阅读并接受我们的使用条款、Cookie 和隐私政策。

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持。