中琅软件教程网

首页搜索登录
首页业界网页平面多媒体程序数据库办公工具服务器系统网络安全站长认证壁纸
加入收藏 | 网站地图 | | RSS | WAP
你好,游客 登录 注册 搜索

逐渐被人遗忘的HTML七种标记用法

[日期:2010-12-01] 作者: 来源: [字体: ]

当今的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> 

效果:

 

关键词:标记 

收藏 推荐 打印 | 录入:blue1000 | 阅读:
本文评论   查看全部评论 (2)
表情: 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事/刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 2 楼
* 匿名 发表于 2017/1/1 18:53:28
http://www.blue1000.com/bkhtml/c22/2011-11/70637.htm 优秀党员事迹材料:http://www.135995.com/show/1584.html 优秀校长事迹材料:http://www.135995.com/show/1583.html
第 1 楼
* 匿名 发表于 2016/12/24 17:03:15
http://www.blue1000.com/bkhtml/c22/2011-11/70637.htm 2016年新型农村合作医疗工作总结和2017年工作计划 http://www.135995.com/show/13067.html 2017年学校党支部工作计划 http://www.135995.com/show/13066.html