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>

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


HTML5基本书写格式:

  • China_Guanq
  • China_Guanq
  • 2016年08月16日 13:23
  • 6570

HTML 标准模板

一般一份标准的、空白的 HTML 模板如下所示。 悦TV 2013 你的浏览器当前不支持 JavaScript。如要享受本网站服...
  • zhangxin09
  • zhangxin09
  • 2013年12月09日 17:57
  • 11665

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

深度定制js日期控件,支持年月日+时分的显示,可根据要求设置日期显示、时间格式。...
  • seedingly
  • seedingly
  • 2014年02月10日 11:13
  • 3783

用java实现发送html格式的邮件

import javax.mail.internet.InternetAddress;  import javax.mail.internet.MimeMessage;  import j...
  • mobile18611667978
  • mobile18611667978
  • 2017年04月14日 10:08
  • 647

html之html标记和格式

标题 粗体斜体 段落换行 上标下标 下划线删除线
  • alittlealone
  • alittlealone
  • 2015年05月27日 23:23
  • 137

HTML5日期输入类型(date)

在很多页面和web应用中都有输入日期和时间的地方,最典型的是订飞机票,火车票,酒店,批萨等网站。 在HTML5之前,对于这样的页面需求,最常见的方案是用Javascript日期选择组件。这几乎是...
  • hsany330
  • hsany330
  • 2016年11月30日 21:26
  • 2749

html中的电话号码

1. 打电话 在android的浏览器中,如果电话号码是 XXX-XXX-XXXX的型式的话,用户点击的时候,拨号面板会激活,但是如果不是这一特定的格式,那么拨号功能是不会启动的。其实可以通过链接的...
  • purecss
  • purecss
  • 2014年05月28日 09:13
  • 546

HTML <style>中一些常用的定义格式

HTML 中一些常用的定义格式 CSS 参考手册 CSS 实例   p            { line-height: 180%; font-family:微软雅黑; TEXT-IND...
  • whchensir
  • whchensir
  • 2013年04月28日 15:08
  • 1091

阿里云邮箱发html邮件

#!/usr/bin/python # -*- coding: UTF-8 -*- import datetime import MySQLdb import os os.environ['NLS_L...
  • c_enhui
  • c_enhui
  • 2017年02月28日 14:20
  • 658

通过C#发送自定义的html格式邮件

http://www.cnblogs.com/StupidsCat/archive/2012/06/15/2550779.html 通过C#发送邮件,可以根据自己的需求更改。 这个是个...
  • mituan1234567
  • mituan1234567
  • 2015年03月22日 10:30
  • 340
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML格式
举报原因:
原因补充:

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