欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-08 10:16:50
...

段落标签:

代码:

右对齐的一段


效果:

右对齐的一段

代码:

左对齐的一段


效果:

左对齐的一段

代码:

居中对齐的一段


效果:

居中对齐的一段

换行标签:


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

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

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

缩进显示:

代码:
想要缩进的内容

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

效果:
想要缩进的内容

居中显示:

代码:
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

列表:

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

          预格式化:
          
          


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

          文本标签

          标题标签:
          从大到小:

          ……
          代码 效果

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

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

          粗体标签:

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

          打印机方式显示标签:

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

          引用方式来显示标签:

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

          斜体标签:

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

          下划线标签:

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

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

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

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

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

          下标标签:

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

          上标标签:

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


          FONT标签(斜体加粗体):

          三个重要的属性:
          1、FACE(字体)
          2、SIZE(大小从-7到+7:显示从小到大)
          代码 效果
          -7 -7
          +7 +7
          3、COLOR(颜色)
          代码 效果
          红色 红色
          还是红色 还是红色