Simple example of HTML text formatting-HTML Tutorial-php.cn

Simple example of HTML text formatting

高洛峰

Release： 2017-02-11 14:18:42

Original

1487 people have browsed it

The following editor will bring you a simple example (detailed explanation) of HTML text formatting. The editor thinks it is quite good, so I will share it with you now and give it as a reference for everyone. Let’s follow the editor and take a look.

1. Text formatting: This example demonstrates how to format text in an HTML file.

##XML/HTML CodeCopy content to clipboard

<html>
##<
body>
This text is boldb>
br />
#<
strong
>This text is strongstrong>
## <
/>
##<
big
>
This text is big##big>
##<
br

/>
<
em
>
#<
/>
##<
i
>
This text is italic
i
> <
br
/>
##<small

This text is small
> ##
This text contains
<
sub
>
sub
>
##
##This text contains ##<sup

superscript
>
body>
##< /
html
>
##The effect is as follows:
2. Preformatted text: This example demonstrates how to use the pre tag to control blank lines and spaces.

##XML/HTML CodeCopy content to clipboard
1. <html>
3. ##<
 body>
5. <
 pre>
#<
p
>pre tags are great for displaying computer code: p>
##<
> for i
=
to 10
print i
next i
##
pre
>

body

##html
>
##The effect is as follows:

3. "Computer Output" label: This example demonstrates the display effects of different "Computer Output" labels .

HTML 文本格式化的简单实例 ##XML/HTML Code

Copy content to clipboard

<html

##<body

<code

Computer code
> ##
<
kbd>

Keyboard input

kbd

tt>

Teletype text

samp>Sample textsamp

##<

var

Computer variablevar

##

Note: b>These tags are often used to display computer/programming code.

body

> < ;/

html

##The effect is as follows:

4. Address: This example demonstrates how to write an address in an HTML file.

HTML 文本格式化的简单实例

##XML/HTML Code

Copy content to clipboard

<
html
>
##<body

##<
address
>
Written by <a
href
"mailto:webmaster@example.com"
>Donald Ducka>. Visit us at:
Example.com
##Box 564, Disneyland
USA
>
>
#html>
The effect is as follows:

##XML/HTML Code HTML 文本格式化的简单实例

Copy content to clipboard

<html>

##<body
>
<abbr
title
"etcetera"
>
abbr> ##
<acronym title="World Wide Web">WWWacronym>
In some browsers, title can be used to display the full version of the expression when you move the mouse over an abbreviated word . p>
# # is only valid for acronym elements in IE 5. p>
# #Valid for both abbr and acronym elements in Netscape 6.2. p>

body> ##

html
> The effect is as follows:

## Six, text Orientation: This example demonstrates how to change the orientation of text.

HTML 文本格式化的简单实例

##XML/HTML Code

Copy content to clipboard

html

>

##<
body
p
If your browser supports bi-directional override (bdo), The next line will be output from right to left (rtl);

##<
bdo

dir
"rtl "
> Here is some Hebrew text
bdo
>
##
>
html>
The effect is as follows:

HTML 文本格式化的简单实例 ##XML/HTML Code

Copy content to clipboard

<html

##<body

This is a long quote:
##<
blockquote
>
This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote.
##blockquote>
This is the short quote:
<q>
This is a short quote.
##q>

p> If you use the blockquote element, The browser will insert line breaks and margins, and the q element will not be rendered in any special way.
##
p
>
#
> < ;/
> ##The effect is as follows:

Eight, delete sub-effects and insert sub-effects.

HTML 文本格式化的简单实例

##XML/HTML Code

html

##<
body
>
<
p
>
<
del> Twentydel> <ins>十Twoins> pieces. p> # #<
>Most browsers will rewrite this to remove text and underline text.

p> # #<

>
Some older browsers will display deleted and underlined text as normal text.
p
> # #body
##html >
The effect is as follows: The above HTML text format This simple example (detailed explanation) is all the content shared by the editor. I hope it can give you a reference, and I hope you will support the PHP Chinese website.
For more articles related to simple examples of HTML text formatting, please pay attention to the PHP Chinese website!