搜索

×

CSS 教程 JAVASCRIPT 教程 PHP 教程 HTML 教程测验

❮

HTML CSS JavaScript PHP Go Sass W3C ECMS

HTML 实例

❮ Previous Next ❯

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> 标记已删除元素使用 <del> 标记删除和插入和 <ins> 使用 <sub> 的下标格式元素上标格式使用 <sup>元素

HTML 引用和引文

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

HTML 注释

隐藏评论条件注释调试注释

HTML CSS

带有内联 CSS 的 HTML 带有内部 CSS 的 HTML 带有外部 CSS 的 HTML 带有 CSS 字体的 HTML HTML 和 CSS 边框 HTML 和 CSS 填充 HTML 和 CSS 边距

HTML 链接

链接，使用相对 URL 更改链接颜色更改链接目标图片作为链接创建书签链接

HTML 图像

使用属性的图像高度和宽度使用 CSS 的图像高度和宽度图片高度和宽度同时使用另一个文件夹中的图像使用图像作为链接动态图像

HTML 表格

带边框的表格带有折叠边框的表格带有单元格填充的表格带有左对齐标题的表格带标题的表格跨越多列的表格单元格跨越多行的表格单元格具有单元格间距的表格使用 id 的不同样式的表 II

HTML 列表

无序列表（默认）带圆盘项目符号的无序列表带有圆形项目符号的无序列表带有方形项目符号的无序列表没有项目符号的无序列表有序列表（默认）带数字的有序列表带字母的有序列表小写字母有序列表带有罗马数字的有序列表带有小写罗马数字的有序列表描述列表一个嵌套列表我水平列表菜单

HTML 块级和内联元素

<div> 元素 <span> 元素样式化 <div> 元素样式化 <span> 元素

HTML 类

访问具有指定类名的元素，使用 JavaScript 多个类同一个类，不同的标签

HTML Id

使用特定 id 为元素设置样式 class 和 id的区别访问具有特定 id 的元素，使用 JavaScript

HTML 布局

使用浮动布局使用弹性框布局

HTML IFrame

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

HTML head 元素

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

HTML 脚本

插入脚本使用<noscript> 标记

HTML 计算机代码元素

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

HTML 表单

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

HTML 表单元素

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

HTML 输入类型

输入类型文本输入类型密码输入类型radio 输入类型复选框输入类型编号 - 有限制输入类型编号 - 带步骤输入类型日期 - 带日期选择器输入类型日期 - 有限制输入类型颜色 - 带颜色选择器输入类型范围输入类型月份输入类型星期输入类型时间输入类型 datetime-local 输入类型电子邮件输入类型搜索输入类型电话输入类型url

HTML 输入属性

autocomplete 属性 novalidate 属性 autofocus_attribute form 属性 formaction属性 formenctype属性 formmethod属性 formnovalidate 属性 formtarget属性高度和宽度属性最小 min 和最大 max 属性 multiple 多重属性 pattern 模式属性 placeholder 占位符属性 required 必需属性 step 步骤属性

HTML Canvas 图形

用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 服务器发送事件

❮ 上一节下一节 ❯

颜色选择器

颜色选择器

HTML 参考手册

HTML 实例

HTML 测验/考试

Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试，不保证内容的正确性。