目录

HTML 示例

❮ 上一节下一节 ❯

HTML 基础

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

HTML 属性

标题属性 href 属性宽度和高度属性 alt 属性不带引号的属性不带引号的属性不起作用

HTML 标题

HTML 标题 HTML 水平规则 HTML 头

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 注释

隐藏注释有条件注释调试注释

HTMLCSS

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

HTML 链接

链接，使用绝对 URL 使用相对 URL 进行链接更改链接的颜色删除链接的下划线更改链接的目标作为链接的图片创建书签链接脱离框架的链接邮件链接带有主题的 mailto 链接

HTML 图片

一个图片使用属性的图片高度和宽度使用 CSS 的图片高度和宽度使用两者的图片高度和宽度另一个文件夹中的图片链接已损坏的图片另一台服务器上的图片使用图片作为链接移动的图片具有可点击区域的图片映射浮动图片

HTML 表格

基本 HTML 表格有边框的表格边框折叠的表格带单元格填充的表格带标题的表格标题左对齐的表格水平/垂直表格标题带有标题的表格跨越一列以上的表格单元格跨越多行的表格单元格具有单元格间距的表格里面有 HTML 标签的表格使用 id I 具有不同样式的表格使用 id 具有不同样式的表格 II 使用 I 类的不同样式的表格使用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 内嵌框架

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

HTML 头部元素

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

HTML 脚本

插入脚本使用 <noscript> 标签

HTML 计算机代码元素

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

HTML 表单

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

HTML 表单元素

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

HTML 输入类型

HTML 输入属性

自动完成属性 novalidate 属性 autofocus_属性表单属性形成属性 formenctype 属性表单方法属性 formnovalidate 属性表单目标属性高度和宽度属性列表属性最小和最大属性多重属性模式属性占位符属性所需属性步骤属性

HTML 画布图形

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

HTML SVG 图形

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

HTML媒体

玩兔子使用控件播放熊视频自动播放熊视频使用控件播放马的声音

HTML 地理定位

获取地理位置坐标处理地理定位错误获取地理位置并查看位置

HTML 本地存储

永久存储名称永久存储计数器存储一个会话的计数器

HTML媒体

播放视频文件播放 HTML 格式的音频文件播放 HTML 格式的 YouTube 视频

更多 HTML 示例

HTML 拖放 HTML 网络工作者 HTML 服务器发送事件

❮ 上一节下一节 ❯