html文本格式

分享于 

6分钟阅读

Web开发

  繁體

使用html格式化文本

html提供了几个标记,你可以使用这些标记使web页上的一些文本的显示与普通文本的不同,例如,<b> 使文本加粗,标记 <i> 要生成文本italic ,标记 <mark> 突出显示文本,标记 <code> 显示一段计算机代码,标签 <ins><del> 用于标记编辑的插入和删除,等等。

下例演示了运行中最常用的格式标记,现在,尝试了解一下这些标记的基本工作原理:

例子


<p>This is <b>bold text</b>.</p>
<p>This is <strong>strongly important text</strong>.</p>
<p>This is <i>italic text</i>.</p>
<p>This is <em>emphasized text</em>.</p>
<p>This is <mark>highlighted text</mark>.</p>
<p>This is <code>computer code</code>.</p>
<p>This is <small>smaller text</small>.</p>
<p>This is <sub>subscript</sub> and <sup>superscript</sup> text.</p>
<p>This is <del>deleted text</del>.</p>
<p>This is <ins>inserted text</ins>.</p>

默认情况下. <strong> 标记通常在浏览器中呈现为 <b> ,而 <em> 标记呈现为 <i>,但是,这些标记的含义不同。

<strong><b> 确定是使用显式宽度还是测量宽度的一种简便方法 <strong> 标记指示其内容具有较强的重要性,而 <b> 标签只是用来吸引读者的注意力而不传达重要性。

例子


<p><strong>WARNING!</strong> Please proceed with caution.</p>
<p>The concert will be held at <b>Hyde Park</b> in London.</p>

< em > and < i >标签 之间的差异

同样,两者 <em><i> 标签默认情况下以斜体显示封闭的文本,但是,<em> 标记指示它内容比周围文本更强调重点,而

例子


<p>Cats are <em>cute</em> animals.</p>
<p>The <i>Royal Cruise</i> sailed last night.</p>

备注: 使用 和 标记当页面内容要求某些单词或短语应具有强烈的强调或重要性时,另外,在HTML5中 <b><i>标签被重新定义,早些时候他们没有语义意义。

设置引用格式

你可以使用html轻松地格式化来自其他源的引号块 <blockquote> 标签。

块引用通常显示为带有左右缩进的缩进,以及在上方和下方添加一些额外的空间,尝试一个示例看看它是如何工作的:

例子


<blockquote>
 <p>Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.</p>
 <cite>- Albert Einstein</cite>
</blockquote>

提示: 标签是用来描述对创意作品的引用,它必须包含该作品的标题或作者(人员或组织)的名称或URL引用。

对于短内联引号,你可以使用HTML <q> 标签,大多数浏览器通过将文本用引号引起来来显示内嵌引号,下面是一个示例:

例子

<p>According to the World Health Organization (WHO): <q>Health is a state of complete physical, mental, and social well-being.</q></p>

显示缩写

缩写是单词,短语或名称的缩写形式。

你可以使用 <abbr> 标记表示缩写,title 属性用于此标记中,以提供缩写的完整扩展名,当鼠标光标悬停在元素上时,浏览器会将它显示为工具提示,让我们尝试一个示例:

例子

<p>The <abbrtitle="World Wide Web Consortium">W3C</abbr> is the main international standards organization for the <abbrtitle="World Wide Web">WWW or W3</abbr>. It was was founded by Tim Berners-Lee.</p>

标记联系人地址

网页通常包括街道或邮政地址,html提供了特殊的标记 <address> 代表个人,人员或组织的联系信息(物理的和或数字的)。

此标记最好用于显示与文档本身相关的联系人信息,例如,文章的作者,大多数浏览器以斜体显示地址块,下面是一个示例:

例子


<address>
Mozilla Foundation<br>
331 E. Evelyn Avenue<br>
Mountain View, CA 94041, USA
</address>

for  文本  TEX  form  格式  格式化  
相关文章