"HTML" text effect

Source: Internet
Author: User

In order to display text information in a Web page, when designing HTML , simply type in the text where you need to add text in <body></body> , and we'll be in word, The same way you add it in Notepad. At the same time, in order to increase the readability of the code, you can also use <!--> Add the necessary comments, these comments will not be displayed on the page.

1. Text Decoration

After adding text to the HTML file, you need to add some effect to the text in order to make the page more beautiful. Some of the tags that need to be used are as follows

Mark

Description

<b>

Bold

<i>

Italic body

<u>

Underline

<del>

Delete Line

<address>

Set Address text

<sup>

Superscript

<sub>

Subscript

Instance:

Effect:

2.paragraph

Regardless of the normal document or Web page, in the Text Information section will involve the paragraph related content, it makes the text expression clearer. The special paragraph mark in HTML is <p>, besides, there are many other tags that can be used to format the paragraph.

Mark

Description

<p>

Defines a paragraph, but cannot be set in paragraph format

<br>

Enter

<pre>

Pre-format, set, the key on the keyboard to generate a paragraph

<blockquote>

Set paragraph indents to increase the hierarchical effect of paragraphs

Inserting and setting horizontal lines

3. Special Symbols

The special symbols need to be converted into the corresponding code, the code is inserted into the HTML file, so that the display in the Web page is the special symbol we need. The usual special symbols correspond to the code as follows:

Symbol

corresponding Code

Space

&nbsp;

&

&amp;

?

&copy;    

?

&trade;

?

&reg;

¥

&yen;

§

&sect;

Summary:

in an HTML document, you can also do this by adding a callout marker <ruby> to a section of text when you need to describe it. There are many settings for text effects, so you can make your Web page more enjoyable by using some of the most commonly used tags.

"HTML" text effect

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.