HTML非常用标签 optgroup、sub、sup和bdo示例代码

optgroup 用在select 标记中可以使下拉列表内容更加有条理

复制代码

sub 上标
sup 下标可与<em>一起用于注释
dbo dir 标记一起使用，可以改变文字的输出方向，右->左

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>4个不常用HTML标签optgroup、sub、sup和bdo。</title>
<style type="text/css">
fieldset{width:300px;padding:5px 5px;  margin:30px auto; display:block; line-height:125%; font-size:15px;}
legend{margin-left:15px; font-size:18px; color:red; }
bdo{color:red;}
</style>
</head>
<body>
<fieldset><legend>optgroup</legend>
<select>
<optgroup label="HTML标记">
<option>table</option>
<option>tr</option>
<option>td</option>
<option>th</option>
</optgroup>
<optgroup label="ASP内置对象">
<option>cookies</option>
<option>session</option>
<option>application</option>
<option>redirect</option>
</optgroup>
</select>

<select>
<optgroup label="">
<option>....</option>
</optgroup> 
</select>
</fieldset>
<fieldset class="sub">
<legend>sub标记</legend>
X<sub>2</sub> 上标 X<sub>2</sub>
X<sup>2</sup> 下标 X<sup>2</sup>
<hr />
与<em>标签结合可以用于注释,例:
flying<sub><em>注:HTML XHTML网页编码 版主</em></sub>
</fieldset>
<fieldset><legend>bdo标记</legend>
<bdo dir="ltr">我非常爱你</bdo>
<bdo dir="rtl">你爱常非我</bdo>
输出结果为　　
<bdo dir="ltr">我非常爱你</bdo>
<bdo dir="rtl">你爱常非我</bdo>
注：使用bod标签时必须连用dir标签属性，ltr指从左到右的编排顺序，rtl指从右到左的编排顺序。
</p>
</p>
</fieldset>
</body>
</html>

提示：您可以先修改部分代码再运行

1/2 1 2 下一页尾页

HTML非常用标签 optgroup、sub、sup和bdo示例代码

迅雷网速保护模式使用教程怎么关闭迅雷网速保护模

网易网盘助手使用教程

用金山卫士清理垃圾文件

Apng格式24位全彩高清动态图简单制作教程

美图秀秀背光照片修复亮出你的灿烂笑容！

美图秀秀：非主流花葬凄美图片

妈妈必学制作宝宝成长相册的秘诀

pptv设置在哪 pptv怎么定时关机

百度音乐盒打不开怎么办百度音乐盒打不开解决方法

亲淘怎么加好友亲淘加好友教程

迅雷网速保护模式使用教程怎么关闭迅雷网速保护模

网易网盘助手使用教程

用金山卫士清理垃圾文件

Apng格式24位全彩高清动态图简单制作教程

美图秀秀背光照片修复亮出你的灿烂笑容！

美图秀秀：非主流花葬凄美图片

妈妈必学制作宝宝成长相册的秘诀

pptv设置在哪 pptv怎么定时关机

百度音乐盒打不开怎么办百度音乐盒打不开解决方法

亲淘怎么加好友亲淘加好友教程

HTML非常用标签 optgroup、sub、sup和bdo示例代码

迅雷网速保护模式使用教程 怎么关闭迅雷网速保护模

网易网盘助手使用教程

用金山卫士清理垃圾文件

Apng格式24位全彩高清动态图简单制作教程

美图秀秀背光照片修复 亮出你的灿烂笑容！

美图秀秀：非主流花葬凄美图片

妈妈必学 制作宝宝成长相册的秘诀

pptv设置在哪 pptv怎么定时关机

百度音乐盒打不开怎么办 百度音乐盒打不开解决方法

亲淘怎么加好友 亲淘加好友教程

迅雷网速保护模式使用教程 怎么关闭迅雷网速保护模

网易网盘助手使用教程

用金山卫士清理垃圾文件

Apng格式24位全彩高清动态图简单制作教程

美图秀秀背光照片修复 亮出你的灿烂笑容！

美图秀秀：非主流花葬凄美图片

妈妈必学 制作宝宝成长相册的秘诀

pptv设置在哪 pptv怎么定时关机

百度音乐盒打不开怎么办 百度音乐盒打不开解决方法

亲淘怎么加好友 亲淘加好友教程

迅雷网速保护模式使用教程怎么关闭迅雷网速保护模

美图秀秀背光照片修复亮出你的灿烂笑容！

妈妈必学制作宝宝成长相册的秘诀

百度音乐盒打不开怎么办百度音乐盒打不开解决方法

亲淘怎么加好友亲淘加好友教程

迅雷网速保护模式使用教程怎么关闭迅雷网速保护模

美图秀秀背光照片修复亮出你的灿烂笑容！

妈妈必学制作宝宝成长相册的秘诀

百度音乐盒打不开怎么办百度音乐盒打不开解决方法

亲淘怎么加好友亲淘加好友教程