Hopes

Start Here..

 

几个TAG

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

一、元素分组:<fieldset>、<legend>

示例:

1 <fieldset>   
2 <legend>健康信息:</legend>   
3 <form>   
4 <label>身高:<input type="text" /></label>   
5 <label>体重:<input type="text" /></label>   
6 </form>   
7 </fieldset> 

效果:


 

二、元素标注:<label>

示例:

1 <form>   
2   <label for="male">Male</label>   
3   <input type="radio" name="sex" id="male" />   
4   <br />   
5   <label for="female">Female</label>   
6   <input type="radio" name="sex" id="female" />   
7 </form> 

 效果:


三、所有链接规定默认地址或默认目标:<base>

示例:

 1 <html>   
 2  <head>   
 3 <base href="http://www.w3school.com.cn/i/" mce_href="http://www.w3school.com.cn/i/" />   
 4 <base target="_blank" />   
 5 </head>   
 6   
 7 <body>   
 8 <img src="eg_smile.gif" mce_src="eg_smile.gif" /><br />   
 9 <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p>   
10 <p>"http://www.w3school.com.cn/i/eg_smile.gif"</p>   
11   
12 <br /><br />   
13 <p><href="http://www.w3school.com.cn" mce_href="http://www.w3school.com.cn">W3School</a></p>   
14 <p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>   
15   
16 </body>   
17 </html> 

四、上标与下标:<sup>、<sub>

示例:  

1 <p>   
2 This text contains <sub>subscript</sub>   
3 </p>   
4   
5 <p>   
6 This text contains <sup>superscript</sup>   
7 </p> 

效果:

 

关键词:标记 

posted on 2012-08-10 10:55 ** 阅读(167) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

公告

你好!

常用链接

留言簿(2)

随笔档案

文章分类

文章档案

新闻档案

相册

收藏夹

C#学习

友情链接

搜索

最新评论

阅读排行榜

评论排行榜