管理软件门户

广告合作

    融合800呼叫中心
    房大拿地产软件
    哈尔滨奥斯软件
    软件黄页
    益友教育软件
    盘英教育软件
联系我们
  • 三思科技
  • 三思科技
  • 三思科技

HTML/CSS

  • 文字布局标记

     行的控制

    段(Paragraph) (可以看作是空行) <p>
    你好吗?<p>很好。


    你好吗?

    很好。


    换行 <br>

    你好吗?<br>很好。
    你好吗?
    很好。

    不换行<nobr>

    <nobr>
    请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!
    </nobr>
    请改变您浏览器窗口的宽度,使之小于这一行的宽度,看看这个标记的作用!

     


     文字的对齐(Alignment)

    <hn align=#>...</hn>
    <p align=#>...</p> #=left, center, right
    <h3 align=center>Hello<\h3>
    <h3 align=right>Hello<\h3>


    Hello
    Hello

    <center>...</center>
    <center>Hello</center>


    Hello

     


     文字的分区(Division)显示

    <div align=left> ... </div>
    <div align=left>
    Can you feel happiness without unpleasant? <br>
    Please show me your smile.
    </div>
     

    Can you feel happiness without unpleasant?
    Please show me your smile.

    <div align=center> ... </div>
    Can you feel happiness without unpleasant?
    Please show me your smile.

    <div align=right> ... </div>


    Can you feel happiness without unpleasant?
    Please show me your smile.

     


     列表

    无序列表 <ul><li>...</ul>

    <ul>
    <li>Today
    <li>Tommorow
    </ul>

    Today
    Tommorow

    有序列表 <ol><li>...</ol>

    <ol>
    <li>Today
    <li>Tommorow
    </ol>

    Today
    Tommorow

    定义列表(Definition lists) <dl><dt>...<dd>...</dl>

    <dl>
    <dt>Today
    <dd>Today is yesterday.
    <dt>Tomorrow
    <dd>Tomorrow is today.
    </dl>

     

    Today
    Today is yesterday.
    Tomorrow
    Tomorrow is today.
     


    Definition lists Compact <dl compact><dt>...<dd>...</dl>

    Today Today will be yesterday.
    Next Tomorrow will be today.

    Today
    Today is yesterday.
    Tomorrow
    Tomorrow is today.
     

     定制列表元素

    定制表中的标记 <li type=#> #=disk, circle, square
    <ul>
    <li type=disc>ONE
    <li type=circle>TWO
    <li type=square>THREE
    </ul>


    ONE
    TWO
    THREE
     

    定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1

    <ol><li type=A>ONE-ONE
    <li>ONE-TWO</ol>

    ONE-ONE
    ONE-TWO
     


    <ol><li type=a>ONE-ONE
    <li>ONE-TWO</ol>

     


    ONE-ONE
    ONE-TWO

    <ol><li type=I>ONE-ONE
    <li>ONE-TWO</ol>

     


    ONE-ONE
    ONE-TWO

    <ol><li type=i>ONE-ONE
    <li>ONE-TWO</ol>

     


    ONE-ONE
    ONE-TWO

    <ol><li type=1>ONE-ONE
    <li>ONE-TWO</ol>

     


    ONE-ONE
    ONE-TWO
    定制有序列表表中的序号的起始值 <ol start=#> #=number

    <ol start=5>
    <li type=A>ONE-ONE
    <li>ONE-TWO
    <ol start=10>
    <li>TWO-ONE
    <li type=i>TWO-TWO
    </ol></ol>

    ONE-ONE
    ONE-TWO
    TWO-ONE
    TWO-TWO


     预格式化文本(Preformatted Text)

    <pre>...</pre>

    <pre>
    Please use your card.
    VISA Master
    <b>Here is an order form.</b>
    <ul><li>Fax
    <li>Air Mail</ul>
    </pre>
    Please use your card
    VISA Master
    Here is an order form.
    Fax
    Air Mail


    <listing>...</listing>
    <listing>
    Please use your card.
    VISA Master
    <b>Here is an order form.</b>
    <ul><li>Fax
    <li>Air Mail</ul>
    </listing>
    Please use your card.
    VISA Master
    Here is order form.

    Fax
    Air Mail

    <xmp>...</xmp>
    <xmp>
    Please use your card.
    VISA Master
    <b>Here is an order form.</b>
    <ul><li>Fax
    <li>Air Mail</ul>
    </xmp>
    Please use your card.
    VISA Master
    <b>Here is order form.</b>
    <ul><li>Fax
    <li>Air Mail</ul>

     


     空白(Spacer)

    <spacer type="horizontal" size=#> #=水平空白宽度
    <spacer type="vertical" size=#> #=竖直空白高度

    YESTERDAY <spacer type="horizontal" size=50> TODAY
    <spacer type="vertical" size=50> TOMORROW
    YESTERDAY TODAY TOMORROW


    <spacer type="block" width=# height=# align=##>
    #=空白的尺寸
    ##=top, middle, bottom, left, right
    <spacer type="block" width=150 height=50 align=left>
    YESTERDAY<br> TODAY<br> TOMORROW
    YESTERDAY
    TODAY
    TOMORROW

     


    多列文本

    <multicol cols=#> ... </multicol> #=列的数目
    <multicol cols=2> text text text... </multicol>
    例子


    <multicol gutter=#> ... </multicol> #=列间的空白
    <multicol cols=2 gutter=100> text text text... </multicol>
    例子


    <multicol width=#> ... </multicol> #=列的宽度
    <multicol cols=2 width=400> text text text... </multicol>
    例子


    其它


    块引用(Blockquote) <blockquote>...</blockquote>

    Her Song:
    <blockquote>
    When I was young, I listened to the radio
    waiting for my favorite songs....
    </blockquote>


    Her Song:

    When I was young, I listened to the radio waiting for my favorite songs....


    闪烁 <blink>...</blink>

    <BLINK> 闪烁!闪烁! </BLINK>

    闪烁!闪烁!

     

  • 指定“字体大小”的标记和“指定字体”的标记的组合使用

    <i><font size=5>
            <b>今天</b> 天气<font size=6> 真好!</font>
    </font></i>
    今天 天气 真好!

     

  • 逻辑字体(Logical Style)

    <em>今天天气真好!</em> 今天天气真好!

    <strong>今天天气真好!</strong> 今天天气真好!

    <code>今天天气真好!</code> 今天天气真好!

    <samp>今天天气真好!</samp> 今天天气真好!

    <kbd>今天天气真好!</kbd> 今天天气真好!

    <var>今天天气真好!</var> 今天天气真好!

    <dfn>今天天气真好!</dfn> 今天天气真好!

    <cite>今天天气真好!</cite> 今天天气真好!

    <small>今天天气真好!</small> 今天天气真好!

    <big>今天天气真好!</big> 今天天气真好!

     

  • 物理字体(Physical Style)

    <b>今天天气真好!</b> 今天天气真好!

    <i>今天天气真好!</i> 今天天气真好!

    <u>今天天气真好!</u> 今天天气真好!

    <tt>今天天气真好!</tt> 今天天气真好!

    <sup>今天天气真好!</sup> 今天天气真好!

    <sub>今天天气真好!</sub> 今天天气真好!

    <s>今天天气真好!</s> 今天天气真好!

    <strike>今天天气真好!</strike> 今天天气真好!

     

  • 字体大小

    <font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
    <basefont size=#> #=1, 2, 3, 4, 5, 6, 7
    <font size=7>今天天气真好!</font> 今天天气真好!

    <font size=6>今天天气真好!</font> 今天天气真好!

    <font size=5>今天天气真好!</font> 今天天气真好!

    <font size=4>今天天气真好!</font> 今天天气真好!

    <font size=3>今天天气真好!</font> 今天天气真好!

    <font size=2>今天天气真好!</font> 今天天气真好!

    <font size=1>今天天气真好!</font> 今天天气真好!

     

  • 标题字体(Header)

    <h#> ... </h#> #=1, 2, 3, 4, 5, 6
    <h1>今天天气真好!</h1> 今天天气真好!
    <h2>今天天气真好!</h2> 今天天气真好!
    <h3>今天天气真好!</h3> 今天天气真好!
    <h4>今天天气真好!</h4> 今天天气真好!
    <h5>今天天气真好!</h5> 今天天气真好!
    <h6>今天天气真好!</h6> 今天天气真好!
    <hn>---</hn> 这些标记显示黑体字。
    <hn>---</hn> 这些标记自动插入一个空行,不必用 <p> 标记再加空行。
    因此在一行中无法使用不同大小的字体。
  • 页面(PAGE)标记(TAGS)

     HTML 文件结构(Document Structures)
    <html>...</html>
    <head>...</head>
    <body>...</body>
    <HTML>
    <HEAD>
         <title>, <base>, <link>, <isindex>, <meta>
    </HEAD>
    <BODY>
        HTML 文件的正文写在这里... ...
    </BODY>
    </HTML>


     语言字符集(Charsets)的信息
    <meta http-equiv="Content-Type" content="text/html;charset=#">

    #=
    us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,
    iso-2022-jp, x-sjis, x-euc-jp,
    euc-kr, iso-2022-kr,
    gb2312, gb_2312-80,
    x-euc-tw, x-cns11643-1, x-cns11643-2, big5
    可在 HTML 文件中设置 MIME 字符集信息。
    您在浏览主页时,最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。
    但是如果 HTML 文件里写明了设置,浏览器就会自动设置语言选项。
    尤其是主页里用到了字符实体(entities),则该主页就应该写明字符集信息

  • node上HTML分析利器node-jquery

        首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布Javascript Coverage数据API,供Report项目使用。
  • Fatal error: Call to undefined function

    PHP常见错误处理之致命错误(一)----函数未定义
    一、错误类型:PHP致命错误
    Error type: PHP Fatal error
    Fatal error: Call to undefined function (a) in (b) on line (c)
  • jquery事件

    jQuery 名称冲突
    jQuery 使用 $ 符号作为 jQuery 的简介方式。
    某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
    jQuery 使用名为 noConflict() 的方法来解决该问题。
    var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

科锐软件哈尔滨管理软件长春管理软件沈阳管理软件 大庆管理软件 阿城管理软件 双城管理软件 齐齐哈尔滨管理软件 牡丹江管理软件
财务管理软件 合同管理软件 奥斯软件 设备管理软件 商品管理软件 采购管理软件 超市管理软件 餐饮管理软件 库存管理软件
版权所有: 管理软件 咨询电话:13664601140 电子邮件:help888@126.com