HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

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> 格式化引用部分元素。 使用 < 格式化文档作者/所有者信息;地址>元素 格式化缩写和首字母缩略词 <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 使用具有不同样式类的表格 II

实例解析

HTML 列表

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

实例解析

HTML 块和内联元素

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

实例解析

HTML 类

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

实例解析

HTML Id

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

实例解析

HTML 布局

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

实例解析

HTML IFrame

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

实例解析

HTML 头部元素

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

实例解析

HTML Scripts

插入脚本 使用<noscript> 标记

实例解析

HTML 计算机代码元素

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

实例解析

HTML 表单

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

实例解析

HTML 表单元素

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

实例解析

HTML Input 类型

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

实例解析

HTML 输入属性

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


❮ 上一节 下一节 ❯