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

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 bold b>
br/>
#<
strong
>This text is strong strong>
## <
/>
##<
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>
##<
>fori
=
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 text samp

##<

var

Computer variable var

##

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 Duck a>. 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>##
<acronymtitle="World Wide Web">WWW acronym>
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> Twenty del><ins>十Two ins>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!