源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 490|回复: 16

[CSS/HTML] Lesson01_04 格式标签与文本标签

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2007-2-9 00:00:00 | 显示全部楼层 |阅读模式
 

段落标签:<p></p>

代码:<P ALIGN=RIGHT>右对齐的一段</P>
效果:

右对齐的一段

代码:<P ALIGN=LEFT>左对齐的一段</P>
效果:

左对齐的一段

代码: <P ALIGN=CENTER>居中对齐的一段</P>
效果:

居中对齐的一段

换行标签:<BR>


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

强制不换行:<NOBR>不想让换行的内容</NOBR>

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

缩进显示:<BLOCKQUOTE></BLOCKQUOTE>

代码:<BLOCKQUOTE>想要缩进的内容</BLOCKQUOTE>
效果:
想要缩进的内容
代码:<BLOCKQUOTE><BLOCKQUOTE>想要缩进的内容</BLOCKQUOTE></BLOCKQUOTE>
效果:
想要缩进的内容

居中显示:<CENTER></CENTER>

代码:<CENTER>www.loncer.cn</CENTER>
效果:
www.loncer.cn

移动显示:<MARQUEE></MARQUEE>


两个属性:
1、BEHAVIOR(设置移动的方式)
代码 效果
<MARQUEE BEHAVIOR="SLIDE">www.loncer.cn</MARAUEE> www.loncer.cn
<MARQUEE BEHAVIOR="SCROLL">www.loncer.cn</MARAUEE> www.loncer.cn
<MARQUEE BEHAVIOR="AlterNATE">www.loncer.cn</MARAUEE> www.loncer.cn

2、DIRECTION(设置移动的方向)
代码 效果
<MARQUEE DIRECTION="LEFT">www.loncer.cn</MARAUEE> www.loncer.cn
<MARQUEE DIRECTION="RIGHT">www.loncer.cn</MARAUEE> www.loncer.cn
<MARQUEE DIRECTION="DOWN">www.loncer.cn</MARAUEE> www.loncer.cn
<MARQUEE DIRECTION="UP">www.loncer.cn</MARAUEE> www.loncer.cn

列表:<DL></DL> <DT></DT>< DD></DD>
<UL></UL> <OL></OL> <LI> </<LI>

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

      预格式化:<PRE></PRE>


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

      文本标签

      标题标签:
      从大到小:<H1></H1> <H2></H2> ……<H6></H6>

      代码 效果
      <H1>这就是标题文字</H1>

      这就是标题文字

      <H2>这就是标题文字</H2>

      这就是标题文字

      <H3>这就是标题文字</H3>

      这就是标题文字

      <H4>这就是标题文字</H4>

      这就是标题文字

      <H5>这就是标题文字</H5>
      这就是标题文字
      <H6>这就是标题文字</H6>
      这就是标题文字

      粗体标签:<B></B>

      代码:<B>哈哈哈哈哈……</B>
      效果:哈哈哈哈哈……

      打印机方式显示标签:<TT></TT>

      代码:<TT>哈哈哈哈哈……</TT>
      效果:哈哈哈哈哈……

      引用方式来显示标签:<CITE></CITE>

      代码:<CITE>哈哈哈哈哈……</CITE>
      效果:哈哈哈哈哈……

      斜体标签:<I></I>

      代码:<I>哈哈哈哈哈……</I>
      效果:哈哈哈哈哈……

      下划线标签:<U></U>

      代码:<U>哈哈哈哈哈……</U>
      效果:哈哈哈哈哈……

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

      代码:<EM>哈哈哈哈哈……</EM>
      效果:哈哈哈哈哈……

      加重的文本显示标签(黑体加粗体):<STRONG></STRONG>

      代码:<STRONG>哈哈哈哈哈……</STRONG>
      效果:哈哈哈哈哈……

      下标标签:<SUB></SUB>

      代码:我是<SUB>哈哈哈哈哈……</SUB>
      效果:我是哈哈哈哈哈……

      上标标签:<SUP></SUP>

      代码:我是<SUP>哈哈哈哈哈……</SUP>
      效果:我是哈哈哈哈哈……


      FONT标签(斜体加粗体):<FONT></FONT>

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

      回复

      使用道具 举报

      0

      主题

      1万

      回帖

      0

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      0
      发表于 2022-8-8 14:05:48 | 显示全部楼层
      强烈支持楼主ing……
      回复 支持 反对

      使用道具 举报

      0

      主题

      2万

      回帖

      0

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      0
      发表于 2022-12-7 17:33:15 | 显示全部楼层
      为全额万千瓦
      回复 支持 反对

      使用道具 举报

      16

      主题

      2万

      回帖

      376

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      376
      发表于 2023-3-12 02:13:31 | 显示全部楼层
      你们谁看了弄洒了可能
      回复 支持 反对

      使用道具 举报

      0

      主题

      1万

      回帖

      0

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      0
      发表于 2023-7-1 04:25:57 | 显示全部楼层
      vcxvcxv
      回复 支持 反对

      使用道具 举报

      0

      主题

      2万

      回帖

      0

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      0
      发表于 2023-12-7 19:09:59 | 显示全部楼层
      不错的源码论坛
      回复 支持 反对

      使用道具 举报

      3

      主题

      2万

      回帖

      163

      积分

      注册会员

      Rank: 2

      积分
      163
      发表于 2024-3-2 08:57:33 | 显示全部楼层
      好东西一定要看看!
      TS人妖演出表演服务q3268336102电话13168842816
      回复 支持 反对

      使用道具 举报

      0

      主题

      2万

      回帖

      61

      积分

      注册会员

      Rank: 2

      积分
      61
      发表于 2024-4-28 01:27:23 | 显示全部楼层
      你们谁看了弄洒了可能
      回复 支持 反对

      使用道具 举报

      0

      主题

      1万

      回帖

      0

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      0
      发表于 2024-6-17 01:08:44 | 显示全部楼层
      sdsadsadsadf
      回复 支持 反对

      使用道具 举报

      0

      主题

      1万

      回帖

      0

      积分

      中级会员

      Rank: 3Rank: 3

      积分
      0
      发表于 2024-7-20 01:44:06 | 显示全部楼层
      hi哦回复iOS就看见
      回复 支持 反对

      使用道具 举报

      高级模式
      B Color Image Link Quote Code Smilies

      本版积分规则

      手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

      GMT+8, 2024-11-23 13:10 , Processed in 0.082737 second(s), 26 queries .

      Powered by Discuz! X3.4

      Copyright © 2001-2020, Tencent Cloud.

      快速回复 返回顶部 返回列表