首页
编程
PHP基础
PHP教程
php框架
JavaScript
asp.net
AJAX
正则表达式
ASP
html代码
css
前端框架
Python
服务器
数据库
mysql
mssql
redis
数据库问题
系统教程
window10教程
window8教程
window11教程
window7教程
windowxp教程
linux教程
U盘教程
操作系统
Windowsxp
windows7
windows8
windows10
其他操作系统
程序下载
企业程序
小说/有声
网站模板
第三方软件
新闻资讯
第三方源码
小程序
商城源码
框架书籍
前端开发
服务器端开发
数据库
开发软件
其他手册
jquery插件库
输入
banner图
图片脚本
导航/分类
播放器
css3
jQuery脚本
jqueryhtml5
进度条
贴图/客服
在线工具
编码转换工具
在线IDE编码工具
开发手册
linux命令大全
Bootstrap
HTML参考手册
css手册/教程
ThinkPHP5.0
ThinkPHP3.2
当前位置:
Gxlcms
>
html代码
>
HTML非常用标签optgroup、sub、sup和bdo示例代码
HTML非常用标签optgroup、sub、sup和bdo示例代码
时间:2021-07-01 10:21:17
帮助过:42人阅读
optgroup 用在select 标记中 可以使下拉列表内容更加有条理
代码如下:
<select>
<optgroup label="aaa">
<option>分清是非</option>
<option>分清是非</option>
<option>分清是非</option>
</optgroup>
<optgroup style="color:#C30" label="bbb">
<option>分清是非</option>
<option>分清是非</option>
<option>分清<br/>是非</option>
</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>
登录
记住我的登录
忘记密码?
登录
我已阅读
用户协议
及
版权声明
注册