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

Home

Web Front-end

HTML Tutorial

Simple example of HTML text formatting

高洛峰

Feb 11, 2017 pm 02:18 PM

html text format

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn