Learn the basics of Web page creation tutorial (3) Font label

Source: Internet
Author: User
Tags format reference
Tutorials | Getting Started | Web page

  Related articles:

  Learn the basics of Web Authoring Tutorial (1) Web authoring

  Learn the basics of Web making (2) typography labels

  Title label

1. use method :

title content

2. Label Interpretation : The title of the size of a total of six, two tags in a group, that is, from

to

,

Max,

minimum. When you use a title label, the label changes the font to bold and becomes a row.

3. Examples of Use :

Original codes Present results

title 1

Title 1

title 2

Title 2

title 3

Title 3

title 4

Title 4

title 5

Title 5

title 6

Title 6

  Set Font Size label

1. How to use : Text content

2. Label Interpretation : The title of the size of a total of seven, that is, (minimum) to (max), in addition, there is a way of writing: text content , which means: A level larger than the preset word. Of course, you can also font size=+2 (two levels larger than the preset), or font size=-1 (smaller than the preset), in general, the preset font is more than 3.

3. Use example : This page is

  Font Change label

1. use method : text content

2. Label explanation : In the text label, for the text format also has quite a lot of changes, such as bold, italic ... And so on, in addition, also defines some ready-made format for the editor to use, such as "emphasis", "Original Code" ... And so on, of course, this is only convenient for your reference, and there is no forced to say that encounter the original code will be added "original Code" label.

3. Examples of Use :

Raw code

Show results

Bold Bold Body
Italic Italic body
Bottom Line Bottom line
superscript Superscript
Subscript Subscript
Typewriter Typewriter
flashing Flashing
emphasis Emphasize
strengthening Strengthen
Example 范例
Original Code 原始码
Parameters 参数
definition Defined
References Reference
Address 所在地址

  Text color settings

1. How to use : Text color

2. Label explanation : Text can also be set color!

3. Examples of Use :

Raw code Show results
Red Red
Orange Orange
Yellow Yellow color
Green Green
Blue Blue
Purple Purple
Black Black

  Text font settings

1. How to use : Text

2. Label Explanation : The page can also use the font! The only limit is: the other side should also have the font! Otherwise, you will still see the default font (the default font is Arial ). In addition to note that this label does not guarantee the normal display on every browser, but this does not matter, do not see a special font, the browser will still be the default font, so don't be afraid of a mess.

3. Examples of Use :

Raw code Show results
Song body Song Body

  Special character

1. How to use : try to play ""

2. Label explanation : Many special symbols need special processing, such as "<", ">" If you want to display on the Web page is no way to directly hit "<", to display "<" must enter the encoding notation.

3. Examples of Use :

Raw code Show results
(represents a continuous line of blank)
< <
> >
& &
" "



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.