挖掘经典：几乎被人遗忘的HTML七种用法

来源：百度文库编辑：神马文学网时间：2024/04/29 15:39:16

挖掘经典：几乎被人遗忘的HTML七种用法

编辑点评：当今的WEB领域，新概念、新技术不断涌现 -- WEB2.0、AJAX、HTML5.0......但在几乎被我们忽略的HTML和XHTML里，还有许多并不为人所知的，但却非常有用的一些TAG。以下就是其中的七种用法：

　　一、元素分组：

、

示例：
1

2 健康信息：
3

4 身高：
5 体重：
6

7

效果：

　　二、元素标注：

示例：
1

2   Male
3
4
5   Female
6
7  效果：

　　三、所有链接规定默认地址或默认目标：

示例：
1
2
3
4
5
6
7
8
9
请注意，我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL，浏览器将在如下地址寻找图片：

10
"http://www.w3school.com.cn/i/eg_smile.gif"

11
12
13
W3School

14
请注意，链接会在新窗口中打开，即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。

15
16
17

　　四、上标与下标：^、

示例：
1

2 This text contains _subscript
3

4
5

6 This text contains ^superscript
7
效果：

　　五、分层列表：

、
、

示例：
1

2
咖啡

3
黑色的热饮料

4
Milk

5
白色的冷饮料

6
效果：

　　六、选项组：

示例：
1 效果：

　　七、图像映射：

示例：
1
2
3
4
请点击图像上的星球，把它们放大。

5
6  7 src="/i/eg_planets.jpg"
8 border="0" usemap="#planetmap"
9 alt="Planets" />
10
11
12
13 14 shape="circle"
15 coords="180,139,14"
16 href ="/example/html/venus.html"
17 target ="_blank"
18 alt="Venus" />
19
20 21 shape="circle"
22 coords="129,161,10"
23 href ="/example/html/mercur.html"
24 target ="_blank"
25 alt="Mercury" />
26
27 28 shape="rect"
29 coords="0,0,110,260"
30 href ="/example/html/sun.html"
31 target ="_blank"
32 alt="Sun" />
33
34
35
36
注释：img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。

37
38
39    效果：

挖掘经典：几乎被人遗忘的HTML七种用法挖掘经典：几乎被人遗忘的HTML七种用法被人遗忘的html tags - ajax,css,js,javascript,actio... 挖掘创造力的七种方法挖掘创造力的七种方法几乎遗忘的发明电梯150周年深度挖掘宝塔线的用法深度挖掘宝塔线的用法新社会——一个几乎快遗忘了的词被人遗忘的勒石燕然《海角七号》心中那个被遗忘的角落 – 《海角七号》影评 - 电影评论现代用法与《论语》原意几乎相反的成语容易被人遗忘的管理技巧不会被历史遗忘的人【名画欣赏】被人遗忘的宣传画松口，被人遗忘的千年古镇被人遗忘的狗尾巴草盘点已经被人遗忘的高科技被遗忘的他们被遗忘的女人被遗忘的时光被遗忘的历史被遗忘的纯真被遗忘的眼泪