HTML 实例
创建于 2024-12-03 /
27
字体：
[默认]
[大]
[更大]
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> 格式化引用部分元素。 使用 < 格式化文档作者/所有者信息;地址>元素 格式化缩写和首字母缩略词 <abbr>元素 使用 <cite> 格式化作品标题元素 使用 <bdo> 格式化文本方向元素HTML 注释
隐藏评论 条件注释 调试注释HTML CSS
带有内联 CSS 的 HTML 带有内部 CSS 的 HTML 带有外部 CSS 的 HTML 带有 CSS 字体的 HTML HTML 和 CSS 使用 id 属性 HTML 和 CSS 使用 class 属性 HTML 和 CSS 边框 HTML 和 CSS 填充 HTML 和 CSS 边距 HTML 和 CSS 完整演示HTML 链接
链接，使用绝对网址 链接，使用相对 URL 更改链接颜色 删除链接的下划线 更改链接目标 图片作为链接 创建书签链接 跳出框架的链接 一个mailto 链接 带有主题的邮件链接HTML 图像
一张图像 使用属性的图像高度和宽度 使用 CSS 的图像高度和宽度 图片高度和宽度同时使用 另一个文件夹中的图像 链接失效的图片 另一台服务器上的图像 使用图像作为链接 动态图像 带有可点击区域的图像映射 浮动图片HTML 表格
基本 HTML 表格 带边框的表格 带有折叠边框的表格 带有单元格填充的表格 带标题的表格 带有左对齐标题的表格 水平/垂直表格标题 带标题的表格 跨越多列的表格单元格 跨越多行的表格单元格 具有单元格间距的表格 内含 HTML 标签的表格 使用 id 的不同样式的表 I 使用 id 的不同样式的表 II 使用具有不同样式类的表格 I 使用具有不同样式类的表格 IIHTML 列表
无序列表（默认） 带圆盘项目符号的无序列表 带有圆形项目符号的无序列表 带有方形项目符号的无序列表 没有项目符号的无序列表 有序列表（默认） 带数字的有序列表 带字母的有序列表 小写字母有序列表 带有罗马数字的有序列表 带有小写罗马数字的有序列表 描述列表 一个嵌套列表我 嵌套列表II 水平列表 水平列表菜单HTML 块和内联元素
<div> 元素 <span> 元素 样式化 <div> 元素 样式化 <span> 元素HTML 类
使用指定的类名设置所有元素的样式 访问具有指定类名的元素，使用 JavaScript 多个类 同一个类，不同的标签HTML Id
使用特定 id 为元素设置样式 class 和 id的区别 访问具有特定 id 的元素，使用 JavaScriptHTML 布局
使用浮动布局 使用弹性框布局 使用弹性框布局 2 使用弹性框布局 3HTML IFrame
内嵌框架（HTML页面内的框架）HTML 头部元素
没有 <html> <body, <head> 的有效 HTML 文档 没有 <head> 元素的有效 HTML 文档 <title> 元素定义文档标题 <style> 元素包含样式信息 <link> 元素定义与外部资源的关系 <meta> 元素定义了特殊的元信息 <script> 元素定义客户端 JavaScripts <base> 元素定义所有 URL 的基本 URLHTML Scripts
插入脚本 使用<noscript> 标记HTML 计算机代码元素
使用 <kbd> 的键盘输入格式化元素 使用 <samp> 的计算机输出格式化元素 使用<code>的编程代码格式化化元素 编程代码格式化保留空格和换行符 使用 <var> 的变量格式化元素HTML 表单
带文本输入的表单 带有单选按钮输入的表单 带有文本字段和提交按钮的表单 带有不带名称属性的文本字段的表单 分组表单数据HTML 表单元素
一个简单的下拉列表 一个带有前缀的下拉列表选定值 一个文本区域（一个多行文本输入字段） 一个输入按钮 使用 <datalist>元素 使用 <output>元素HTML Input 类型
输入类型文本 输入类型密码 输入类型radio 输入类型复选框 输入类型按钮 输入类型编号 - 有限制 输入类型编号 - 带步骤 输入类型日期 - 带日期选择器 输入类型日期 - 有限制 输入类型颜色 - 带颜色选择器 输入类型范围 输入类型月份 输入类型星期 输入类型时间 输入类型日期时间 输入类型 datetime-local 输入类型电子邮件 输入类型搜索 输入类型电话 输入类型urlHTML 输入属性
autocomplete 属性 novalidate 属性 autofocus_attribute form 属性 formaction属性 formenctype属性 formmethod属性 formnovalidate 属性 formtarget属性 高度和宽度属性 list 列表属性 最小 min 和 最大 max 属性 multiple 多重属性 pattern 模式属性 placeholder 占位符属性 required 必需属性 step 步骤属性HTML 画布图形
使用 JavaScript 在画布上绘图 用lineTo()画一条线 用 arc() 画一个圆 用 fillText() 画一个文本 使用 strokeText() 绘制文本 绘制线性渐变 绘制圆形渐变 使用 drawImage() 绘制图像HTML SVG 图形
SVG 圆 SVG 矩形 SVG 圆角矩形 SVG Star SVG 标志HTML 媒体
Play Bunny 使用控件播放视频 通过自动播放播放视频 用控件播放音频HTML 地理位置
获取地理位置坐标 处理地理定位错误 获取地理位置并查看位置HTML 本地存储
永久存储名称 永久存储计数器 为一个会话存储一个计数器HTML 媒体
播放视频文件 播放 HTML 格式的音频文件 播放 HTML 格式的 YouTube 视频更多 HTML 示例
HTML 拖放 HTML 网络工作者 HTML 服务器发送事件
0 人点赞过
