HTML 实例

loading 分享 2026-9-4 下载文档

缩写和首字母缩写

此例演示如何实现缩写或首字母缩写。

在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

文字方向

此例演示如何改变文字的方向。

如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);

Here is some Hebrew text 块引用

此例演示如何实现长短不一的引用语。 这是长的引用:

这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。

这是短的引用:

这是短的引用。

使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。

删除字效果和插入字效果

此例演示如何标记删除文本和插入文本。

一打有 二十十二 件。

大多数浏览器会改写为删除文本和下划线文本。

一些老式的浏览器会把删除文本和下划线文本显示为普通文本。

5

HTML 链接实例

创建超级链接

本例演示如何在 HTML 文档中创建链接。

是一个指向本网站中的一个页面的链接。

是一个指向万维网上的页面的链接。

将图像作为链接

本例演示如何使用图像作为链接。

您也可以使用图像来作链接:

在新的浏览器窗口打开链接

本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。

如果把链接的 target 属性设置为 \,该链接会在新窗口中打开。

链接到同一个页面的不同位置

本例演示如何使用链接跳转至文档的另一个部分

Chapter 1

This chapter explains ba bla bla

Chapter 2

This chapter explains ba bla bla

Chapter 3

This chapter explains ba bla bla

This chapter explains ba bla bla

Chapter 5

This chapter explains ba bla bla

6

Chapter 6

This chapter explains ba bla bla

Chapter 7

This chapter explains ba bla bla

跳出框架

本例演示如何跳出框架,假如你的页面被固定在框架之内。

被锁在框架中了吗?

创建电子邮件链接

本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。

这是邮件链接:

注意:应该使用 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。

创建电子邮件链接 2

本例演示更加复杂的邮件链接。

这是另一个 mailto 链接:

href=\m&subject=Summer Party&body=You are invited to a big summer party!\发送邮件!

注意:应该使用 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。

HTML 框架实例

垂直框架

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

7

水平框架

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

如何使用 标签 </p><p>本例演示:如何使用 <noframes> 标签。 <html> </p><p><frameset cols=\</p><p><frame src=\<frame src=\<frame src=\<noframes> </p><p><body>您的浏览器无法处理框架!</body> 混合框架结构

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

含有 noresize=\属性的框架结构

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

导航框架

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

8


HTML 实例.doc 将本文的Word文档下载到电脑
搜索更多关于: HTML 实例 的文档
相关推荐
相关阅读