首页 >web前端 >css教程 >Lesson01_04 格式标签与文本标签_基础教程

Lesson01_04 格式标签与文本标签_基础教程

WBOY
WBOY原创
2016-05-16 12:08:591810浏览
 

段落标签:

代码:

右对齐的一段


效果:

右对齐的一段

代码:

左对齐的一段


效果:

左对齐的一段

代码:

居中对齐的一段


效果:

居中对齐的一段

换行标签:


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

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

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

缩进显示:

代码:
想要缩进的内容

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

效果:
想要缩进的内容

居中显示:

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

          文本标签

          标题标签:
          从大到小:

          ……
          代码 效果

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

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

          粗体标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          打印机方式显示标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          引用方式来显示标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          斜体标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          下划线标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          强调的文本显示标签(斜体加粗体):

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          加重的文本显示标签(黑体加粗体):

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          下标标签:

          代码:我是哈哈哈哈哈……
          效果:我是哈哈哈哈哈……

          上标标签:

          代码:我是哈哈哈哈哈……
          效果:我是哈哈哈哈哈……


          FONT标签(斜体加粗体):

          三个重要的属性:
          1、FACE(字体)
          2、SIZE(大小从-7到+7:显示从小到大)
          代码 效果
          -7 -7
          代码 效果
          -7 -7
          +7 +7
          代码 效果
          红色 红色
          还是红色 还是红色
          +7 +7
          3、COLOR(颜色)
          代码 效果
          红色 红色
          还是红色 还是红色
          声明:
          本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn