Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Lektion01_04 Format-Tags und Text-Tags_Grundlegendes Tutorial

WBOY
Freigeben: 2016-05-16 12:08:59
Original
1773 Leute haben es durchsucht
 

段落标签:

代码:

右对齐的一段


效果:

右对齐的一段

代码:

左对齐的一段


效果:

左对齐的一段

代码:

居中对齐的一段


效果:

居中对齐的一段

换行标签:


例:代码:这是第一行
这是第二行
效果:这是第一行
这是第二行

强制不换行:不想让换行的内容

注:加在其中的内容不会因为浏览器的变化而换行

缩进显示:

代码:
想要缩进的内容

效果:
想要缩进的内容
代码:
想要缩进的内容

效果:
想要缩进的内容

居中显示:

代码:
www.loncer.cn

效果:
www.loncer.cn

移动显示:


两个属性:
1、BEHAVIOR(设置移动的方式)
代码 效果
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn
www.loncer.cn www.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

列表:
< DD>
    1. 代码 效果
      中国城市
      武汉
      上海
      太原
      美国城市
      华盛顿
      芝加哥
      纽约
      中国城市
      武汉
      上海
      太原
      美国城市
      华盛顿
      芝加哥
      纽约
      1. 武汉>/LI>
      2. 上海>/LI>
      3. 太原>/LI>>
      1. 武汉
      2. 上海
      3. 太原
        • 武汉>/LI>
        • 上海>/LI>
        • 太原>/LI>>
        • 武汉
        • 上海
        • 太原

          预格式化:


          写字版中的显示效果 没有用
          标签的效果
          用了
          标签效果
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          Nach dem Login kopieren
          Nach dem Login kopieren
          this is my ibm thinkpad! 代码:
          <PRE>这是一段文字: this is
                    my
                    ibm   thinkpad!<PRE>
          Nach dem Login kopieren
          效果:
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          Nach dem Login kopieren
          Nach dem Login kopieren

          文本标签

          标题标签:
          从大到小:

          ……
          代码 效果

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字
          这就是标题文字
          这就是标题文字
          这就是标题文字

          Fett gedrucktes Tag:

          Code: Hahahahaha...
          Wirkung: Hahahahaha... …

          Etikett im Druckermodus anzeigen:

          Code: Hahahahaha...
          Wirkung: Hahahahaha ……

          Zitat zum Anzeigen von Tags:

          Code: Hahahahaha...
          Wirkung: Hahaha Haha.. .

          Kursiver Tag:

          Code: Hahahahaha...
          Effekt: Hahahahaha...

          Tag unterstreichen:

          Code: Hahahahaha...
          Effekt: Hahahahaha...

          Hervorgehobene Textanzeige (kursiv und fett):

          Code: Hahahahaha...
          Wirkung:Hahahahaha...

          Hervorgehobene Textanzeige (schwarz und fett):

          Code: Hahahahaha...
          Wirkung:Hahahahaha...

          Tiefgestelltes Tag:

          Code: Ich bin hahahaha...
          Effekt: Ich bin Hahahahaha. ..

          Hochgestelltes Tag:

          Code: Ich bin hahahahaha...
          Effekt: Ich bin Hahahahaha. ..


          FONT-Tag (kursiv und fett):

          Drei wichtige Attribute:
          1. GESICHT (Schriftart)
          2 bis +7: Darstellung von klein nach groß)
          Code Effekt
          -7 -7
          代码 效果
          -7 -7
          +7 +7
          代码 效果
          红色 红色
          还是红色 还是红色
          +7 +7
          3.
          Code Effekt
          Rot Rot
          immer noch rot Immer noch rot
          Verwandte Etiketten:
          Quelle:php.cn
          Erklärung dieser Website
          Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
          Beliebte Tutorials
          Mehr>
          Neueste Downloads
          Mehr>
          Web-Effekte
          Quellcode der Website
          Website-Materialien
          Frontend-Vorlage