Lesson01_04 格式标签与文本标签

段落标签:<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)

相关推荐

  • Lesson01_04 格式标签与文本标签

    段落标签:<p></p>代码:<P ALIGN=RIGHT>右对齐的一段</P>效果: 右对齐的一段 代码:<P ALIGN=LEFT>左对齐的一段</P>效果: 左对齐的一段 代码: <P ALIGN=CENTER>居中对齐的一段</P>效果: 居中对齐的一段 换行标签:<BR>例:代码:这是第一行<BR>这是第二行效果:这是第一行这是第二行 强制不换行:<NOBR>不想让

  • 详解WordPress中简码格式标签编写的基本方法

    WordPress 简码是一种类似于论坛标签的东西,格式类似于把尖括号换成中括号的 Html 标签.简码很多人叫做短代码,但官方的翻译应该是简码,在这里纠正一下. 简码的开发的逻辑比较简单,主要就是添加.删除和判断,会在本文全部介绍. 简码格式 简码的格式非常灵活,可以是有属性.无属性.闭合.非闭合等等: [example] [example]内容[/example] [example attr="属性" attr-hide="1"]内容[/example] [ex

  • JSP中常用的JSTL fmt(format格式化)标签用法整理

    JSTL标签提供了对国际化(I18N)的支持,它可以根据发出请求的客户端地域的不同来显示不同的语言.同时还提供了格式化数据和日期的方法.实现这些功能需要I18N格式标签库(I18N-capable formation tags liberary).引入该标签库的方法为: <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> I18N格式标签库提供了11个标签,这些 标签从功能上

  • destoon官方标签大全

    什么是标签调用? 标签调用是根据调用条件(condition)从数据表(table)读取调用数量(pagesize)条数据,并按排序方式(order)排序,最终通过标签模板的布局输出数据. 可以看出,标签的工作分两个部分,一是读取数据,二是显示数据. 标签函数原型 标签函数保存于 include/tag.func.php tag($parameter, $expires = 0) $parameter 表示传递给tag函数的字符串,系统自动将其转换为多个变量 例如传递 table=destoon

  • JSP自定义标签入门学习

    JSP自定义标签入门学习

    本文为大家分享了JSP自定义标签入门学习教程,希望大家喜欢. 1.JSP自定义标签: 自定义标签是用户定义的JSP语言元素.当JSP页面包含一个自定义标签时将被转化为servlet,标签转化为对被 称为tag handler的对象的操作,即当servlet执行时Web container调用那些操作.JSP标签扩展可以让你创建新的标签并且可以直接插入到一个JSP页面. JSP 2.0规范中引入Simple Tag Handlers来编写这些自定义标记.你可以继承SimpleTagSupport类

  • FLASH支持的几种HTML标签

    <a> 超链接标签  属性:href: 链接地址  target: 目标窗口 可取值为_blank,_parent,_self,_top. 例: my_txt.htmlText="<a href='http://www.blueidea.com' target='_self'>蓝色理想</a>" <b> 粗体标签  例: my_txt.htmlText="<b> Bold </b>" <b

  • 解析在Android中为TextView增加自定义HTML标签的实现方法

    Android中的TextView,本身就支持部分的Html格式标签.这其中包括常用的字体大小颜色设置,文本链接等.使用起来也比较方便,只需要使用Html类转换一下即可.比如: textView.setText(Html.fromHtml(str)); 然而,有一种场合,默认支持的标签可能不够用.比如,我们需要在textView中点击某种链接,返回到应用中的某个界面,而不仅仅是网络连接,如何实现? 经过几个小时对android中的Html类源代码的研究,找到了解决办法,并且测试通过. 先看Htm

  • Python Matplotlib绘制扇形图标签重叠问题解决过程

    Python Matplotlib绘制扇形图标签重叠问题解决过程

    目录 问题如下 解决 总结 问题如下 当我使用Matplotlib绘制图形时,经常会遇到一些比例太小导致 百分比标签 以及 文本标签 重叠问题.这样的话非常影响美观,效果在BOSS心中的大打折扣. 代码如下: from matplotlib import pyplot as plt frac = [0,0,18/50,16/50,9/50,6/50,2/50] label = ['[3,4]','(4,5]','(5,6]','(6,7]','(7,8]','(8,9]','(9,10]'] p

  • Lesson01_01 HTML基础

    本课程内容如下: 1.HTML语言基础 2.HTML语言高级 3.CSS(级联样式表) 4.JavaScript语法 5.DOM对象模型编程 6.脚本编程技术汇总 6.正则表达式 Lesson1学习内容: 1.了解HTML的一些背景知识 2.HTML的全局架构标签 3.格式标签 4.文本标签 5.超链接标签 6.图像标签 Lesson01_01 HTML基础 例:在记事本中写如下代码: <marquee behavior="alternate"><font size=

  • Lesson01_01  HTML基础

    本课程内容如下: 1.HTML语言基础 2.HTML语言高级 3.CSS(级联样式表) 4.JavaScript语法 5.DOM对象模型编程 6.脚本编程技术汇总 6.正则表达式 Lesson1学习内容: 1.了解HTML的一些背景知识 2.HTML的全局架构标签 3.格式标签 4.文本标签 5.超链接标签 6.图像标签 Lesson01_01 HTML基础 例:在记事本中写如下代码: <marquee behavior="alternate"><font size=

随机推荐