Rumah > hujung hadapan web > tutorial css > Pelajaran01_04 Memformat teg dan teg teks_Tutorial asas

Pelajaran01_04 Memformat teg dan teg teks_Tutorial asas

WBOY
Lepaskan: 2016-05-16 12:08:59
asal
1796 orang telah melayarinya
 

段落标签:

代码:

右对齐的一段


效果:

右对齐的一段

代码:

左对齐的一段


效果:

左对齐的一段

代码:

居中对齐的一段


效果:

居中对齐的一段

换行标签:


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

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

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

缩进显示:

代码:
想要缩进的内容

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

效果:
想要缩进的内容

居中显示:

代码:
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!
          Salin selepas log masuk
          Salin selepas log masuk
          this is my ibm thinkpad! 代码:
          <PRE>这是一段文字: this is
                    my
                    ibm   thinkpad!<PRE>
          Salin selepas log masuk
          效果:
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          Salin selepas log masuk
          Salin selepas log masuk

          文本标签

          标题标签:
          从大到小:

          ……
          代码 效果

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

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

          굵은 태그:

          코드: 하하하하하...
          효과: 하하하하하... …

          프린터 모드에서 라벨 표시:

          코드: 하하하하하...
          효과: 하하하하하 ......

          표시 태그 인용:

          코드: 하하하하하...
          효과: 하하하 하하.. .

          기울임꼴 태그:

          코드: 하하하하하...
          효과: 하하하하하...

          밑줄 태그:

          코드: 하하하하하...
          효과: 하하하하하...

          강조된 텍스트 표시 레이블(기울임꼴 및 볼드체):

          코드: 하하하하하...
          효과:하하하하하...

          강조된 텍스트 표시 레이블(검은색 및 굵은 글씨):

          코드: 하하하하하...
          효과:하하하하하...

          아래 첨자 태그:

          코드: 저는 하하하하...
          효과: 저는 하하하하하. ..

          위 첨자 태그:

          코드: 나는 하하하하하...
          효과: 나는 하하하하하. ..


          FONT 태그(기울임꼴 및 굵은꼴):

          세 가지 중요한 속성:
          1. FACE(글꼴)
          크기(크기 -7부터) ~ +7: 작은 것부터 큰 것까지 표시) 코드 효과 -7 -7
          代码 效果
          -7 -7
          +7 +7
          代码 效果
          红色 红色
          还是红色 还是红色
          +7 +7
          3. 코드 효과 빨간색> 빨간색 여전히 빨간색 아직 빨간색
          sumber:php.cn
          Kenyataan Laman Web ini
          Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
          Tutorial Popular
          Lagi>
          Muat turun terkini
          Lagi>
          kesan web
          Kod sumber laman web
          Bahan laman web
          Templat hujung hadapan