HTML 实例
HTML 基础标签实例
-
一个简单的 HTML 文件
-
这个例子是一个很简单的 HTML 文件,使用了尽可能少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。
-
简单的段落
-
此例演示:段落元素中的文字如何被浏览器显示。
-
更多的段落
-
本例演示段落元素的某些缺省的行为。
-
“诗歌”问题
-
本例演示 HTML 格式化的某些问题。
-
折行
-
本例演示在 HTML 文档中折行的使用。
-
标题
-
本例演示在 HTML 文档中显示标题的标签。
-
居中排列的标题
-
本例演示一个居中排列的标题。
-
水平线
-
本例演示如何插入水平线。
-
隐藏的注释
-
本例演示如何在 HTML 源代码中插入隐藏的注释。
-
背景颜色
-
本例演示如何为 HTML 页面添加背景颜色。
例子解释
HTML 框架实例
-
垂直框架
-
本例演示:如何使用三份不同的文档制作一个垂直框架。
-
水平框架
-
本例演示:如何使用三份不同的文档制作一个水平框架。
-
如何使用 <noframes> 标签
-
本例演示:如何使用 <noframes> 标签。
-
混合框架结构
-
本例演示如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。
-
含有 noresize="noresize" 属性的框架结构
-
本例演示 noresize 属性。在本例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,你会发现边框是无法移动的。
-
导航框架
-
本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。
-
内联框架
-
本例演示如何创建内联框架(HTML 页中的框架)。
-
跳转至框架内的一个指定的节
-
本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。
-
使用框架导航跳转至指定的节
-
本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
例子解释
HTML 图像实例
-
插入图像
-
本例演示如何在网页中显示图像。
-
从不同的位置插入图片
-
本例演示如何将其他文件夹或服务器的图片显示到网页中。
-
背景图片
-
本例演示如何向 HTML 页面添加背景图片。
-
排列图片
-
本例演示如何在文字中排列图像。
-
浮动图像
-
本例演示如何使图片浮动至段落的左边或右边。
-
调整图像尺寸
-
本例演示如何将图片调整到不同的尺寸。
-
为图片显示替换文本
-
本例演示如何为图片显示替换文本。在浏览器无法载入图像时,替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
-
制作图像链接
-
本例演示如何将图像作为一个链接使用。
-
创建图像映射
-
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
-
把图像转换为图像映射
-
本例显示如何把一幅普通的图像设置为图像映射。
例子解释
HTML 元信息 (meta) 实例
-
文档描述
-
Meta 元素中的信息可以描述 HTML 文档。
-
文档关键字
-
Meta 元素中的信息可以描述文档的关键词。
-
重定向
-
这个例子演示:在网址已经变更的情况下,将用户重定向到另外一个地址。
例子解释
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛
------分隔线----------------------------