HTML文本格式化

斜体文本;<b>加粗文本</b><br><br可以替换<em>This text is emphasized</em>;

加粗文本:<i>斜体文本</i><br><br>可以替换<strong>This text is strong</strong>;

电脑自动输出:<code>电脑自动输出</code><br><br>;

文本下标及上标:<sub> 下标</sub> 和 <sup> 上标</sup>;

加大/小文本:<big/small>This text is big</big/small>;

通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用;

预格式文本:此例演示如何使用 pre 标签对空行和空格进行控制;呈现出来的文本跟打上去一样;

<!DOCTYPE html>
<html>
<body>

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

</body>
</html>

效果

计算机输出标签:<code> 定义计算机代码。 <samp> 定义计算机代码样本。 <tt> 定义打字机代码。 <pre> 定义预格式文本。,多用在显示静态页面源代码,输出格式上的不同.功能有些类似 h1 h2等.没特殊的意思.

<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>注释:</b>这些标签常用于显示计算机/编程代码。
</p>

</body>
</html>

地址:此例演示如何在 HTML 文件中写地址;

<!DOCTYPE html>
<html>
<body>

<address>
Written by <a href="mailto:[email protected]">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

缩写和首字母缩写:如何实现缩写或首字母缩写;

<html>

<body>

<abbr(简写) title(标题)="etcetera">etc.</abbr>
<br />
<acronym(首字母缩写)title="World Wide Web">WWW</acronym>

<p>在某器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p些浏览>

<p>仅对于 IE 5 中的 acronym 元素有效。</p>

<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

</body>
</html>

文字方向:如何改变文字的方向;

<!DOCTYPE html>
<html>
<body>

<p>This paragraph will go left-to-right.</p>
<p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>  

</body>
</html>

双引号:如果标记是不需要段落分隔的短引用,请使用 <q>

在 HTML 4.01 中,<blockquote> 标签定义一段长引用。

<!DOCTYPE html>
<html>
<body>

<p>WWF‘s goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>
<blockquote>
<p>Here is a long quotation here is a long quotation.</p>
</blockquote>

在 HTML5 中,<blockquote> 标签定义摘自另一个源的块引用;

<!DOCTYPE html>
<html>
<body>

<h1>About WWF</h1>
<p>Here is a quote from WWF‘s website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world?s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>
    

效果:

删除字效果和插入字效果

<!DOCTYPE html>
<html>
<body>

<p>My favorite color is <del>(删除)blue</del> <ins>(插入)red</ins>!</p>

</body>
</html>

标签及定义

<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本
<abbr> 定义缩写
<address> 定义地址
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、引证
<dfn> 定义一个定义项目
时间: 2024-08-27 15:07:13

HTML文本格式化的相关文章

css中的背景、渐变 文本格式化和表格的常用属性

一.背景属性background background属性在一个生命中设置所有的背景属性 scroll:随着页面的其余部分滚动 fixed:固定在窗口的某个位置 语法结构: background:url(背景图像地址) 1.背景定位(background-position) 值:(1).x% y%第一个值为水平位置,第二个值为垂直位置 (2).xpx  ypx(同上) (3).left在页面或者包含元素的左边显示; (4).center在页面或者包含元素的中间显示; (5).right在页面或者

HTML 文本格式化

文本格式化标签 标签 描述 <b> 定义粗体文本. <big> 定义大号字. <em> 定义着重文字. <i> 定义斜体字. <small> 定义小号字. <strong> 定义加重语气. <sub> 定义下标字. <sup> 定义上标字. <ins> 定义插入字. <del> 定义删除字. <s> 不赞成使用.使用 <del> 代替. <strike>

Html5 文本格式化元素

<b>    定义粗体文本,可以定义id,class,style和onclick等各种事件属性 <i>     定义斜体文本,,可以定义id,class,style和onclick等各种事件属性 <em>  定义强调文本,但是实际效果于斜体文本差不多,,可以定义id,class,style和onclick等各种事件属性 <strong> 定义粗体文本,与<b>用法和效果都差不多 <small>   定义小号字体文本,,可以定义id,c

HTML基础教程(5)——HTML文本格式化

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字. 下面有很多例子,您可以亲自试试: HTML 文本格式化实例 文本格式化 此例演示如何在一个 HTML 文件中对文本进行格式化 <html> <body> <b>This text is bold</b> <br> <strong>This text is strong</strong> <br> <big>This text is big&

记不住就存下来---- HTML 5 文本格式化元素

文本格式化元素 元素名称 元素含义 <b> 定义粗体文本,该标签能够指定 id , class , style 等核心属性,还能够指定 OnClick 等各种事件属性 <i> 定义斜体文本,该标签能够指定 id , class , style 等核心属性,还能够指定 OnClick 等各种事件属性 <em> 定义强调文本,实际效果和斜体文本几乎相同,该标签能够指定 id , class , style 等核心属性,还能够指定 OnClick 等各种事件属性 <st

第十六天学习:CSS特性之文本格式化

关键字:文本格式化 学习计划: 文本格式化 color特性 text-align特性 vertical-align特性 text-decoraton特性 text-indent特性 text-shadow特性 text-transform特性 letter-spacing特性 word-spacing特性 white-space特性 direction特性 unicode-bid特性 学习记录: color特性 用于指定文本的颜色,这个属性设置了一个元素的前景色(在HTML表现中,就是文本的颜色

HTML学习(三)文本格式化

HTML文本格式化HTML 可定义很多供格式化输出的元素,比如粗体和斜体字.例1:此例演示如何在一个 HTML 文件中对文本进行格式化<html> <body> <b>This text is bold</b> <br /> <strong>This text is strong</strong> <br /> <big>This text is big</big> <br /&g

css(文本格式化,文本格式处理)

文本格式化,文本格式处理 文本格式化 1.控制字体 1.指定字体 font-family:"microsoft yahei",arial,"宋体"; 2.字体大小 font-size: px , pt 作为单位  30pt  16pt 常用字体大小:12px - 14px 3.字体加粗 相当于 <b></b> font-weight : normal / bold ; 建议:通过 该属性取代 b 标签 4.字体样式 斜体 font-style

CSS-背景-渐变-文本格式化

1.背景 1.背景色 属性:background-color 取值:合法的颜色值 注意:背景颜色和背景图片默认都从边框位置处开始填充 2.背景图片 属性:background-image 取值:url(图片的路径); ex: background-image:url(a.jpg); 3.背景图片平铺 属性:background-repeat 取值: 1.repeat 平铺 2.no-repeat 不平铺,只显示一次 3.repeat-x 只在横向平铺 4.repeat-y 只在纵向平铺 4.背景

【回顾】html属性、标题、段落、文本格式化

1.HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value". HTML 提示:使用小写属性 2.标题 标题(Heading)是通过 <h1> - <h6> 标签进行定义的. <h1> 定义最大的标题. <h6> 定义最小的标题. 标题很重要 请确保将 HTML 标题 标签只用于标题.不要仅仅是为了生成粗体或大号的文本而使用标题. 搜索