HTML格式

原创 2012年03月28日 10:58:31

HTML定义了很多元素用来格式化输出,比如加粗和倾斜文本。
例如:
格式化文字

<html>
	<body>
		<b>This text is bold</b>
		<br>
		<strong> This text is strong </strong>
		<br>
		<big> This text is big </big>
		<br>
		<em> This text is emphasized </em>
		<br>
		<i> This text is italic </i>
		<br>
		<small> This text is small </small>
		<br>
		This text contains
		<sub> subscript </sub>
		<br>
		This text contains
		<sup>
			superscript
		</sup>
	</body>
</html>

这个例子说明了在HTML里面可以怎样格式化文本。
预格式化文本

<html>
	<body>
		<pre>
This is 
preformatted text.
It preserves      both spaces 
and line breaks.
</pre>
		<p>
			The pre tag is good for displaying computer code:
		</p>
		<pre>
for i = 1 to 10
     print i
next i
</pre>
	</body>
</html>

这个例子说明了可以怎样用pre标签来控制换行和空格。
“计算机输出”标签

<html>
	<body>
		<code>
			Computer code
		</code>
		<br>
		<kbd>
			Keyboard input
		</kbd>
		<br>
		<tt>Teletype text</tt>
		<br>
		<samp>
			Sample text
		</samp>
		<br>
		<var>
			Computer variable
		</var>
		<br>
		<p>
			<b>Note:</b> These tags are often used to display
			computer/programming code.
		</p>
	</body>
</html>

这个例子说明了“计算机输出”标签在显示上的不同。
地址

<html>
	<body>
		<address>
			Donald Duck
			<br>
			BOX 555
			<br>
			Disneyland
			<br>
			USA
		</address>
	</body>
</html>

这个例子说明了如何用HTML书写一个地址。
缩写和首字母缩略法

<html>
	<body>
		<abbr title="United Nations">UN</abbr>
		<br>
		<acronym title="World Wide Web">WWW</acronym>
		<p>
			The title attribute is used to show the spelled-out version when
			holding the mouse pointer over the acronym or abbreviation.
		</p>
		<p>
			This only works for the acronym element in IE 5.
		</p>
		<p>
			This works for both the abbr and acronym element in Netscape 6.2.
		</p>
	</body>
</html>

<html>
	<body>
		<p>
			If your browser supports bi-directional override (bdo), the next line
			will be written from the right to the left (rtl):
		</p>
		<bdo dir="rtl">
			Here is some Hebrew text
		</bdo>
	</body>
</html>

这个例子说明了如何改变文字方向。
块引用

<html>
	<body>
		Here comes a long quotation:
		<blockquote>
			This is a long quotation. This is a long quotation. This is a long
			quotation. This is a long quotation. This is a long quotation.
		</blockquote>
		Here comes a short quotation:
		<q> This is a short quotation </q>
		<p>
			With the block quote element, the browser inserts line breaks and
			margins, but the q element does not render as anything special.
		</p>
	</body>
</html>

这个例子说明了如何处理大段引用和小块引用。
删除和插入文字

<html>
	<body>
		<p>
			a dozen is
			<del>
				twenty
			</del>
			<ins>
				twelve
			</ins>
			pieces
		</p>
		<p>
			Most browsers will overstrike deleted text and underline inserted
			text.
		</p>
		<p>
			Some older browsers will display deleted or inserted text as plain
			text.
		</p>
	</body>
</html>

这个例子说明了如何标记被删除或者插入的文本。


相关文章推荐

ecshop表字段html 格式说明文档

  • 2015年05月29日 10:44
  • 22KB
  • 下载

文档格式转换 html to pdf

  • 2015年01月13日 12:46
  • 15KB
  • 下载

php如何清除html格式并去除文字中的空格然后截取文字

php如何清除html格式并去除文字中的空格然后截取文字,详细分享一下处理方法(顺便对PHP清除HTML字符串的函数做了一个小结): htmlspecialchars 将特殊字元转成 HTML ...
  • zky0901
  • zky0901
  • 2014年10月16日 16:25
  • 3379

装修预算表格模板(HTML格式)

  • 2015年01月21日 17:19
  • 11KB
  • 下载

Android输出html格式的文件

  • 2014年10月22日 10:49
  • 1MB
  • 下载

设计html日期控件(支持日期显示、时间显示、格式定制)

深度定制js日期控件,支持年月日+时分的显示,可根据要求设置日期显示、时间格式。...

JDK 1.5 API 中文文档 HTML格式

  • 2010年06月14日 15:41
  • 27.52MB
  • 下载

HTML5学习_day10(2)--css文件书写格式

css文件书写格式 1.尽量将样式写在一个单独的css文件里面,在head里面去引用 1)实现了内容与样式的分离, 2)减少了页面的体积 3)css文件可以被缓存,重用,维护成本低 (注...

一个能生成动态HTML格式的PHP库

  • 2001年04月08日 00:00
  • 26B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML格式
举报原因:
原因补充:

(最多只允许输入30个字)