上标、下标~不常用的 html 标签

<sup>上标

<sub>下标

<small>小号字

<del> 删除线

======》

对应的 js

stringObj.sup()  上标

stringObj.sub()  下标

stringObj.sub()  使用小字号显示

stringObj.strike() 使用删除线

彩蛋:

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<script type="text/javascript">
			var txt = "z-one"

			document.write("<p>1、Big--大号字体: " + txt.big() + "</p>")
			document.write("<p>2、Small--小号字体: " + txt.small() + "</p>")

			document.write("<p>3、Bold--粗体: " + txt.bold() + "</p>")
			document.write("<p>4、Italic--斜体: " + txt.italics() + "</p>")

			document.write("<p>5、Blink--字符串闪动: " + txt.blink() + " (does not work in IE)</p>")
			document.write("<p>6、Fixed--以打印机文本显示: " + txt.fixed() + "</p>")
			document.write("<p>7、Strike--删除线: " + txt.strike() + "</p>")

			document.write("<p>8、Fontcolor--字体颜色: " + txt.fontcolor("Red") + "</p>")
			document.write("<p>9、Fontsize--字体大小: " + txt.fontsize(16) + "</p>")

			document.write("<p>10、Lowercase--转换为小写: " + txt.toLowerCase() + "</p>")
			document.write("<p>11、Uppercase--转换为大写: " + txt.toUpperCase() + "</p>")

			document.write("<p>12、Subscript--下标: " + txt+txt.sub() + "</p>")
			document.write("<p>13、Superscript--上标: " +txt+ txt.sup() + "</p>")

			document.write("<p>14、Link--链接: " + txt.link("http://www.cnblogs.com/z-one") + "</p>")
		</script>

	</body>

</html>

结果:

时间: 2024-08-10 21:18:30

上标、下标~不常用的 html 标签的相关文章

html上标&lt;sup&gt;与下标注&lt;sub&gt;标签元素

Html上标注sup与下标注sub标签教程篇 上标下标目录 html结构语法 用法案例代码 案例截图 上标下标总结 1.结构语法   -   TOP Html上标:<sup>上浮内容</sup>Html下标:<sub>下浮内容</sub> 2.用法案例代码   -   TOP 上标:DIVCSS5<sup>www.DIVCSS5.com</sup><br /> 下标:DIVCSS5<sub>www.DIVCSS

我的javaweb学习之旅--html常用块级标签

html常用块级标签 常用的有p,h1~h6,div,ul 等 1.h1~h6 <body> <h1></h1>   一级标题 ...... <h6></h6>    六级标题 </body> 2.p段落标签 示例: <p>有梦想就有奇迹</p> 3.<hr/>标签  水平线标签 <p>有梦想就有奇迹</p> <hr/> 4.有序列表标签 <ol>开头

一些常用的HTML标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本HTML框架</title> </head> <body> <h1>一级标题</h1> <h2>二级标题</h2> ... <h6>六级标题</h6> <div>最常用的块标签</

积跬步,聚小流------界面常用的jeecms标签

* JEECMS初印象 第一次接触JEECMS,突然脑海就浮现了一句话"20元建站,立等可取",原来这都是真的... * JEECMS的界面常用标签 暂时忽略掉环境搭建,栏目配置等等环节,先来记录下常用到的标签. 1.页面包含标签 类似于iframe的功能 像这种情况,我们就可以用 [#include "../include/header.html"/]这一标签来实现要表达的效果,修改header.html的时候,所有页面中的内容这一部分都会改变. 2.栏目chan

常用HTML meta 标签属性(网站兼容与优化需要),meta标签

常用HTML meta 标签属性(网站兼容与优化需要),meta标签 热度1 评论 143 www.BkJia.Com  网友分享于:  2014-12-29 01:12:00     浏览数11936次 常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务 原文地址:http://segmentfault.com

html中的一些常用的样式标签

html中的一些常用的样式标签 <p>这里是文本,<mark>高亮</mark></p> <strong>加粗,加重语气</strong> <b>加粗,不重的语气</b> <em>斜体,加重语气</em> <i>斜体,不重的语气</i> <u>下划线</u> <p>我是一段长的文本,<abbr title="我是

css的reset和常用的html标签的默认样式整理

先看下常用的这些标签浏览器的默认样式有哪些: body{ margin: 8px;} hr{ border:1px inset; margin-top:.5em;margin-bottom:.5em;} blockquote{margin: 16px 1em;} ul{list-style-type: disc;padding-left:40px;margin: 1em 0;} ol{list-style-type: decimal; padding-left:40px; margin:1em

HTML常用的一些标签

简单来说HTML叫做超文本语言,html分为静态网页(里面内容是写死的<html>.<htm>)和动态网页(php.aspx.jsp).IDE编辑器主要有DW.Hbuilder.Webstorm,自我感觉这三款软件Hbuilder比较好用,简洁,排版简单.下面来说一下html,<html>开始标签.</html>结束标签.meta charset=utf-8 这是编码格式.body 页面显示的内容,body的属性:bgcolor(页面背景颜色).text(文

常用的html标签大全

html标签大全 一.文字 1.标题文字 <h#>..........</h#> #=1~6:h1为最大字,h6为最小字 2.字体变化 <font>..........</font> [1]字体大小 <font size=#>..........</font> #=1~7:数字愈大字也愈大 [2]指定字型 <font face="字体名称">..........</font> [3]文字颜色