Home >Web Front-end >CSS Tutorial >Lesson01_04 Format tags and text tags_Basic tutorial

Lesson01_04 Format tags and text tags_Basic tutorial

WBOY
WBOYOriginal
2016-05-16 12:08:591806browse

Paragraph tag:

Code:

right aligned paragraph


Effect:

Right-aligned paragraph

Code:

Left-aligned paragraph


Effect:

Left-aligned paragraph

Code:

Center-aligned paragraph


Effect:

Centered alignment

Newline tag:


Example: Code: This is the first line
This is the second line
Effect: This is the first line
This is the second line# ## Forcing no line breaks: does not want the content to be line wrapped

Note: The content added will not be line wrapped due to changes in the browser
Indentation display:

Code:
The content you want to indent
Effect:
The content you want to indent
Code:
The content you want to indent
Effect:
Content you want to indent
Centered display:

Code:
www.loncer.cn
Effect:
www.loncer.cn
Mobile display:

Two attributes:
1, BEHAVIOR (setting the movement method)

CodeEffectwww.loncer.cnwww.loncer.cnwww.loncer.cn
2、DIRECTION(设置移动的方向)
www.loncer.cn
www.loncer.cn
www.loncer.cn
代码 效果
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn

list:
< DD>
  • #
    #
    #

    Preformatted:


    code effect
    中国城市
    Wuhan
    上海
    太原
    United States of America城市
    Washington
    Chicago
    New York
    ##
    中国城市
    Wuhan
    Shanghai
    太原
    The United States of America
    Washington
    Chicago
    New York
  • Wuhan>/LI>
  • 上海>/LI>
  • 太原>/LI>>
    1. Wuhan
    2. Shanghai
    3. 太原
    4. Wuhan>/LI>
    5. 上海>/LI>
    6. 太原>/LI>>
      • Wuhan
      • Shanghai
      • 太原
        Display effect in WordPad There is no effect of using the
         tag
        Used
         label effect
        This is a piece of text: this is
                  my
                  ibm thinkpad!
        this is my ibm thinkpad! Code:
        <PRE>This is a piece of text: this is
                  my
                  ibm thinkpad!<PRE>
        Effect:
        This is a piece of text: this is
                  my
                  ibm thinkpad!

        Text Tag

        Title tags:
        From largest to smallest:

        Code Effect

        This is the title text

        This is the title text

        This is the title text

        This is the title text

        This is the title text

        This is the title text

        This is the title text

        This is the title text

        This is the title text
        This is the title text
        This is the title text
        This is the title text

        Bold tag:

        Code: hahahaha...
        Effect: Hahahahaha...

        Printer mode display label:

        Code: hahahaha...
        Effect: Hahahahaha...

        Quotation method to display tags:

        Code: hahahaha...
        Effect: Hahahahaha...

        Italic tag:

        Code: hahahaha...
        Effect: Hahahahaha...

        Underline tag:

        Code: hahahaha...
        Effect: Hahahahaha...

        Emphasized text display label (italics and bold):

        Code: hahahaha...
        Effect: Hahahahaha...## # Emphasized text display label (height and bold):

        Code: hahahaha...
        Effect:
        Hahahahaha...## # Subscript tag:

        Code: I am hahahaha...

        Effect: I am
        hahahahaha...
        Superscript tag:

        Code: I am hahahaha...

        Effect: I am
        hahahahaha...



        FONT tag (italics and bold):

        Three important attributes:

        1, FACE (font)
        2, SIZE (size from -7 to 7: Shown from small to large)

        Code-7-7 7 73. COLOR (color)
        Effect
        Code Effect
        red red
        still red Still red

        Statement:
        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