Simple example of HTML text formatting (detailed explanation)

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
This text is strong
< big > This text is big </ big >
This text is emphasized
This text is italic
This text is small
This text contains
subscript
This text contains
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

< html >
< body >
< pre >
This is
Preformatted text.
It preserves spaces
and line breaks.
</ pre >
The pre tag is great for displaying computer code:
< pre >
for i = 1 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.

XML/HTML CodeCopy content to clipboard

< html >
< body >
< code > Computer code </ code >
< kbd > Keyboard input </ kbd >
< tt > Teletype text </ tt >
< samp > Sample text </ samp >
< var > Computer variable </ var >
Comment: These tags are often used to show computer/programming code.
</ body >
</ html >

The effect is as follows:

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

XML/HTML CodeCopy content to clipboard

<!DOCTYPE html >
< html >
< body >
< address >
Written by < a href = "mailto:[email protected]" > Donald Duck </ a > .
Visit us at:
Example.com
Box 564, Disneyland
USA
</ address >
</ body >
</ html >

The effect is as follows:

5. Abbreviations and acronyms: This example demonstrates how to implement abbreviations or acronyms.

XML/HTML CodeCopy content to clipboard

< html >
< body >
< abbr title = "etcetera" > etc. </ abbr >
< acronym title = "World Wide Web" > WWW </ acronym >
In some browsers, title can be used to display the full version of the expression when you move your mouse over the abbreviation.
Only works with acronym elements in IE 5 .
Valid for both the abbr and acronym elements in Netscape 6.2.
</ body >
</ html >

The effect is as follows:

6. Text direction: This example demonstrates how to change the direction of text.

XML/HTML CodeCopy content to clipboard

< html >
< body >
If your browser supports bi-directional override (bdo), the next line will be output right to left (rtl);
< bdo dir = "rtl" >
Here is some Hebrew text
</ bdo >
</ body >
</ html >

The effect is as follows:

7. Block quotations: This example demonstrates how to implement quotations of varying lengths.

XML/HTML CodeCopy content to clipboard

< html >
< body >
Here is the 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 >
Here is the short quote:
< q >
This is a short quote.
</ q >
When using the blockquote element, the browser inserts line breaks and margins, while the q element does not have any special rendering.
</ body >
</ html >

The effect is as follows:

8. Delete sub-effects and insert sub-effects.

XML/HTML CodeCopy content to clipboard

< html >
< body >
There are < del > twenty </ del > in a dozen < ins > twelve </ ins > pieces.
Most browsers will rewrite this to strikethrough and underline the text.
Some older browsers display struck-through and underlined text as normal text.
</ body >
</ html >

The effect is as follows:

The above simple example of HTML text formatting (detailed explanation) is all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.

<<: Introduction to Apache deployment of https in cryptography

>>: Three ways to create a gray effect on website images