HTML5 示例
本节包含大量示例，展示了各种 HTML 元素及其实际功能。
HTML 基础
HTML 文本
- 标题 - h1 到 h6
- 段落和换行符
- 文本格式
- 预格式化文本（保留换行符和空格）
- 下标和上标文本
- 长引用和短引用
- 缩写词和首字母缩略词
- 标记已删除和插入的文本
- 设置元素的文本方向
- 插入联系信息
- 插入评论
- 插入水平线
- 计算机输出标签
HTML 链接
HTML 图片
HTML 表格
- 制作简单表格 - 表格的最基本形式
- 设置表格尺寸
- 指定表格标题
- 带边框的表格 - 添加默认表格边框
- 设置表格单元格的内边距 - cellpadding 属性
- 设置表格单元格之间的距离 - cellspacing 属性
- 跨越多行/列的表格单元格 - rowspan/colspan 属性
- 列组 - col 和 colgroup 元素
HTML 列表
HTML 表单
- 创建文本输入字段
- 创建密码输入字段
- 创建 HTML5 新输入字段
- 复选框和单选按钮
- 选择框 - 下拉列表
- 选择具有预选值的框
- 选择框内的选项分组
- 在选择框中启用多项选择
- Textarea - 多行文本输入字段
- 创建按钮
- 文件选择字段
- 对相似的表单字段进行分组
- 提交或重置表单 - 提交和重置按钮的使用< /li>
HTML 样式
HTML iFrame
HTML 脚本
HTML5 新输入类型
- 创建 HTML5 颜色输入类型
- 创建 HTML5 日期输入类型
- 创建 HTML5 日期时间输入类型
- 创建 HTML5 datetime-local 输入类型
- 创建 HTML5 电子邮件输入类型
- 创建 HTML5 月份输入类型
- 创建 HTML5 数字输入类型
- 创建 HTML5 范围输入类型
- 创建 HTML5 搜索输入类型
- 创建 HTML5 电话输入类型
- 创建 HTML5 时间输入类型
- 创建 HTML5 url 输入类型
- 创建 HTML5 周输入类型
HTML5 画布
- 将画布嵌入 HTML 文档
- 在画布上画一条线
- 在画布上绘制弧线
- 在画布上绘制一个矩形
- 在画布上画一个圆
- 在画布上设置描边颜色和宽度
- 为画布上的笔划设置帽子样式< /li>
- 在画布上的矩形内填充颜色
- 在画布上的圆形内填充颜色
- 在画布形状内填充线性渐变
- 在画布形状内填充径向渐变
HTML5 SVG
HTML5 音频
HTML5 视频
- 在 HTML 文档中嵌入视频
- 定义视频元素的替代来源
- 使用 object 元素在 HTML 文档中插入视频
- 使用 embed 元素在 HTML 文档中插入视频
- 在 HTML 文档中嵌入 YouTube 视频
HTML5 网络存储
HTML5 Web Workers
HTML5 地理位置
Advertisements