Simple example of HTML text formatting

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

1. html>

3. ##body>
5. b>This text is boldb>
##

br />

7. #
8. strong

   >This text is strongstrong>

9. ##

br

10. />

11. ##big
12. >

    This text is big##big>

    ##
13. br
    />
15. em
    >
This text is emphasized
16. em> #
br

17. />

18. ##

    i
19. >

    This text is italic

20. i

    >

    br
21. />

22. ##small

>
23. This text is small

small

24. > ## br

    />

26. This text contains

27. sub
    >
subscript

28. sub
29. >

    ##br />

31. ##This text contains ##sup

>
32. superscript

sup

33. >

34. body>

35. ##html
36. >

    ##The effect is as follows:

37. 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>
    This is
    Preformatted text.
    It preserves spaces
    and newlines.
    ##

    10. pre>

    11. #
    12. p

        >pre tags are great for displaying computer code: p>

    13. ##

    pre

    14. > for i

        =
    1
    15. to 10

        print i

    16. next i

    17. ##
        pre
    18. >

    19. body

    > ;

    20. ##html

        >

    21. ##The effect is as follows:

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

    ##XML/HTML Code

    Copy content to clipboard

    
    

    html

    >

    1. ##body

    >

    3. code

    >
    4. Computer code

    code

    5. > ##br />

    6. kbd>Keyboard inputkbd
    7. >

       br />

    8. tt>Teletype texttt
    9. >

       br />

    #

    samp>Sample textsamp

>

38. br />

    ##
39. var

    >Computer variablevar

    >

41. br />

43. ##p>

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

45. p>

46. #
47. body

    >

    < ;/
48. html

    >

    ##The effect is as follows:

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

##XML/HTML Code

Copy content to clipboard

/p>>

1. html
2. >

   ##body

>

3. ##
4. address
   >

5. Written by a

   href
=
6. "mailto:webmaster@example.com"

   >Donald Ducka>.br> Visit us at:br

   >

7. Example.combr

   >

8. ##Box 564, Disneylandbr >

9. USA

address

10. >

body

12. >

13. #html>

14. The effect is as follows:

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

##XML/HTML Code

Copy content to clipboard

html>

1. ##body

   >

3. abbr

   title
=
4. "etcetera"
   >
etc.

5. abbr> ##br />

6. acronym title="World Wide Web">WWWacronym>

8. p>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>

10. # #p> is only valid for acronym elements in IE 5. p>

12. # #p>Valid for both abbr and acronym elements in Netscape 6.2. p>
# #

14. body>

    ##
15. html

    >

The effect is as follows:

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

##XML/HTML Code

Copy content to clipboard

html

1. >

##

body

>

p

>

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

4. p

>

5. ##
6. bdo
   dir
=
7. "rtl "

   > Here is some Hebrew text

8. bdo
   >

9. ##

body

10. >

11. html>

12. The effect is as follows:

Seven, block reference: This example demonstrates how to achieve long and short inconsistency One quote.

##XML/HTML Code

Copy content to clipboard

html

>

1. ##body

>

3. This is a long quote:

   ##
4. blockquote
   >

6. 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.

7. ##blockquote>

9. This is the short quote:

10. q>

11. This is a short quote.

12. ##

    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.

14. ##
15. p

    >

16. #

body

17. > < ;/

html

18. > ##The effect is as follows:

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

##XML/HTML Code

Copy content to clipboard

html

>

1. ##
2. body
   >
4. p
   >
There are a dozen
5. del> Twentydel> ins>十Twoins> pieces. p> # #
p

6. >

   Most browsers will rewrite this to remove text and underline text.

7. p> # #

   p
8. >

   Some older browsers will display deleted and underlined text as normal text.

9. p

   > # #body

>
11. ##

    html >

12. 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!