进入 nav导航


HTML 实例 官方发布-文章系统
ID: 52 | 查看详情 | 编辑更新

HTML 基础标签实例

  • 一个简单的 HTML 文件

  • 这个例子是一个很简单的 HTML 文件，使用了尽可能少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。

  • 简单的段落

  • 此例演示：段落元素中的文字如何被浏览器显示。

  • 更多的段落

  • 本例演示段落元素的某些缺省的行为。

  • “诗歌”问题

  • 本例演示 HTML 格式化的某些问题。

  • 折行

  • 本例演示在 HTML 文档中折行的使用。

  • 标题

  • 本例演示在 HTML 文档中显示标题的标签。

  • 居中排列的标题

  • 本例演示一个居中排列的标题。

  • 水平线

  • 本例演示如何插入水平线。

  • 隐藏的注释

  • 本例演示如何在 HTML 源代码中插入隐藏的注释。

  • 背景颜色

  • 本例演示如何为 HTML 页面添加背景颜色。

例子解释

HTML 文本格式化实例

例子解释

HTML 链接实例

例子解释

HTML 框架实例

  • 垂直框架

  • 本例演示：如何使用三份不同的文档制作一个垂直框架。

  • 水平框架

  • 本例演示：如何使用三份不同的文档制作一个水平框架。

  • 如何使用 <noframes> 标签

  • 本例演示：如何使用 <noframes> 标签。

  • 混合框架结构

  • 本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。

  • 含有 noresize="noresize" 属性的框架结构

  • 本例演示 noresize 属性。在本例中，框架是不可调整尺寸的。在框架间的边框上拖动鼠标，你会发现边框是无法移动的。

  • 导航框架

  • 本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。

  • 内联框架

  • 本例演示如何创建内联框架（HTML 页中的框架）。

  • 跳转至框架内的一个指定的节

  • 本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。

  • 使用框架导航跳转至指定的节

  • 本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

例子解释

HTML 表格实例

例子解释

HTML 列表实例

例子解释

HTML 表单与输入实例

  • 文本域(Text fields)

  • 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。

  • 密码域

  • 本例演示如何创建 HTML 的密码域。

  • 复选框

  • 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。

  • 单选按钮

  • 本例演示如何在 HTML 中创建单选按钮。

  • 简单的下拉列表

  • 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

  • 另一个下拉列表

  • 本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。）

  • 文本域(Textarea)

  • 本例演示如何创建一个文本域（多行文本输入控件）。用户可以在文本域中写入文本。在文本域中，可写入的字符字数不受限制。

  • 创建按钮

  • 本例演示如何创建按钮。你可以对按钮上的文字进行自定义。

  • Fieldset around data

  • 本例演示如何在数据周围绘制一个带标题的框。

表单实例

例子解释

HTML 图像实例

  • 插入图像

  • 本例演示如何在网页中显示图像。

  • 从不同的位置插入图片

  • 本例演示如何将其他文件夹或服务器的图片显示到网页中。

  • 背景图片

  • 本例演示如何向 HTML 页面添加背景图片。

  • 排列图片

  • 本例演示如何在文字中排列图像。

  • 浮动图像

  • 本例演示如何使图片浮动至段落的左边或右边。

  • 调整图像尺寸

  • 本例演示如何将图片调整到不同的尺寸。

  • 为图片显示替换文本

  • 本例演示如何为图片显示替换文本。在浏览器无法载入图像时，替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。

  • 制作图像链接

  • 本例演示如何将图像作为一个链接使用。

  • 创建图像映射

  • 本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。

  • 把图像转换为图像映射

  • 本例显示如何把一幅普通的图像设置为图像映射。

例子解释

HTML 背景实例

例子解释

HTML 样式 (style) 实例

例子解释

HTML 头部 (head) 实例

例子解释

HTML 元信息 (meta) 实例

  • 文档描述

  • Meta 元素中的信息可以描述 HTML 文档。

  • 文档关键字

  • Meta 元素中的信息可以描述文档的关键词。

  • 重定向

  • 这个例子演示：在网址已经变更的情况下，将用户重定向到另外一个地址。

例子解释

HTML 脚本 (Script) 实例

例子解释
|发布人 : 1 发布时间： 1970-01-01 08:33
|留言发给站长
Column 1 Column 2 Column 3
R1C1 R1C2 R1C3
Item Item Item
























---------------

1








右边分栏
dfasdfa
友情链接：
Flex item 2
Flex item 3














0.073787s