分手快乐 发表于 2015-1-15 23:27:31

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

通过我们的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 集成。

变相怪杰 发表于 2015-2-5 15:05:25

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

山那边是海 发表于 2015-2-12 12:49:55

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

乐观 发表于 2015-3-3 03:45:28

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

柔情似水 发表于 2015-3-11 09:50:07

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

仓酷云 发表于 2015-3-18 10:48:11

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

莫相离 发表于 2015-3-25 22:13:23

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
页: [1]
查看完整版本: 给大家带来html标签:sub标志和sup标志