HTML 示例

❮ 上一页下一页 ❯

HTML 基础

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

HTML 属性

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

HTML 标题

HTML 标题 HTML 水平线 HTML head

HTML 段落

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

HTML 样式

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

HTML 文本格式化

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

HTML 引号和引用

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

HTML 注释

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

HTML CSS

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

HTML 链接

链接，使用绝对 URL 链接，使用相对 URL 更改链接的颜色从链接中移除下划线更改链接的目标图片作为链接创建书签链接跳出框架的链接 mailto 链接带有主题的 mailto 链接

HTML 图片

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

HTML 表格

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

HTML 列表

无序列表 (默认) 带圆点符号的无序列表带圆圈符号的无序列表带方块符号的无序列表没有符号的无序列表有序列表 (默认) 带数字的有序列表带字母的有序列表带小写字母的有序列表带罗马数字的有序列表带小写罗马数字的有序列表描述列表嵌套列表 I 嵌套列表 II 水平列表水平列表菜单

HTML 块级元素和内联元素

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

HTML Div 元素

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

HTML 类

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

HTML Id

设置具有特定 id 的元素的样式类和 id 之间的区别使用 JavaScript 访问具有特定 id 的元素

HTML 布局

使用浮动布局使用 flexbox 布局使用 flexbox 2 布局使用 flexbox 3 布局

HTML IFrame

内联框架 (HTML 页面中的框架)

HTML head 元素

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

HTML 脚本

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

HTML 计算机代码元素

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

HTML 表单

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

HTML 表单元素

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

HTML 输入类型

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

HTML 输入属性

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

HTML Canvas 图形

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

HTML SVG 图形

SVG 圆形 SVG 矩形 SVG 圆角矩形 SVG 星形 SVG Logo

HTML 媒体

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

HTML 地理位置

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

HTML 本地存储

永久存储姓名永久存储计数器在一个会话中存储计数器

HTML 媒体

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

更多 HTML 示例

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

❮ 上一页下一页 ❯

W3schools Pathfinder

Track your progress - it's free!

Get Certified

颜色选择器

colorpicker

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

Top Tutorials

HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References

HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top Examples

HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples

Get Certified

HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate

FORUM ABOUT ACADEMY

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.