仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1586|回复: 9
打印 上一主题 下一主题

[HTML5] 给大家带来html标签:sub标志和sup标志

[复制链接]
分手快乐 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:27:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
通过我们的HTML编辑器,您能够编辑HTML,然后点击按钮来查看结果。网页制造WEB文章简介:明天来熟悉一下两个我不太经常使用到的html标签:sub标志和sup标志。
相干文章:HTML标志:optgroup、sub、sup和bdo
明天来熟悉一下两个我不太经常使用到的html标签:sub标志和sup标志。
界说和用法:
<sub>标签可界说下标文本。<sup>可界说上标文本。都属于行内元素,默许比以后字体稍小。
例子:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>html中的sub与sup标签</title>
<styletype="text/CSS">
*{font-size:12px;font-family:Tahoma}
</style>
</head>
<body>
<div>
这个标签是<sub>sub</sub>
这个标签是<sup>sup</sup>
</div>
</body>
</html>







触类旁通:

我们来看看数学方程式这类效果怎样完成?







<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>html中的sub与sup标签</title>
<styletype="text/css">
*{font-size:12px;font-family:Tahoma}
</style>
</head>
<body>
<div>
x<sub>1</sub>+y<sub>2</sub><sup>3</sup>=15
</div>
</body>
</html>

其他使用:

偶尔的时机,发明前段工夫的淘宝网在代价上做了点润色(不晓得甚么缘故原由,如今又回复了),和之前传统的代价体现纷歧样。

















<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>html中的sub与sup标签</title>>
</head>
<styletype="text/css">
<!--
body{font:12px/1.8Tahoma}
span.price{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:red;}
span.pricesub{vertical-align:baseline;font-size:12px;}
span.pricesup{vertical-align:text-bottom;color:#555}
-->
</style>
<body>
<spanclass="price"><sup>¥</sup>43.<sub>26</sub></span>
</body>
</html>

信任sub和sup标签的使用不止范围于此,其他html标签也云云,只需你懂得了它们,动员我们的头脑和设想,就能够纯熟的使用它们、展示它们共同魅力的一面。
</p>
通过大家的心得,或许能找出"怎么学html5"这个问题的答案。另,我会不定期把群里面关于技术的讨论贴到本帖,敬请关注。
小妖女 该用户已被删除
沙发
发表于 2015-1-16 17:54:27 | 只看该作者

给大家带来html标签:sub标志和sup标志

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
透明 该用户已被删除
板凳
发表于 2015-1-18 19:50:25 | 只看该作者
可以使用 CSS 检查工具进行设计。
第二个灵魂 该用户已被删除
地板
发表于 2015-1-27 19:40:29 来自手机 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
变相怪杰 该用户已被删除
5#
发表于 2015-2-5 15:05:25 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
山那边是海 该用户已被删除
6#
发表于 2015-2-12 12:49:55 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
乐观 该用户已被删除
7#
发表于 2015-3-3 03:45:28 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
柔情似水 该用户已被删除
8#
发表于 2015-3-11 09:50:07 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
9#
发表于 2015-3-18 10:48:11 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
莫相离 该用户已被删除
10#
发表于 2015-3-25 22:13:23 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表