美文网首页
html基础进阶

html基础进阶

作者: brant_feeboo | 来源:发表于2016-12-18 17:48 被阅读0次

    样式属性:

    <body style="background-color:blue">

    <h1 style="font-family:times;color:blue;font-size:30px">title1</h1>

    <p style="text-align:center">pagraph1</p> 

    </body>

    格式化:

    1、文本格式化,在一个html中对文本进行格式化

    <b></b> --- bold 

    <strong></strong> --- strong

    <big></big> --- big

    <em></em> --- emphasized

    <i></i> --- italic

    <small></small> --- small 

    <sub></sub> --- sub bottom, sample : this is contain <sub>superscript</sub>

    <sup></sup> --- sub top, sample : this is contain <sup>superscript</sup>

    2、预格式化,使用 pre 标签对空行和空行格式化

    sample:

    <html>

    <body>

    <pre>

    保留           空格

    和空行

    </pre>

    <pre>

    for(int i=0;i<4;i++){

    printf("%d",i);

    }

    <.pre>

    </body>

    </html>

    3、“计算机输出”标签

    sample:

    <html><body>

    <code>computer code</code> --- 不保留多余的空行和折行

    <khd>keyboard input</khd>

    <sample>sample text</sample>

    <var>computer variable</var>

    <b>注释:</b>这是用于显示计算机/编写代码。

    </body></html>

    4、地址

    <address>

    writed by <a href="http://www.baidu.com">Brant.Fei</a><br/>

    visist us at:<br/>

    example.com<br/>

    89902,at WUXI,jiangsu<br/>

    CHINA

    </address>

    5、缩写和首字母缩写

    <abbr title="etcentra">etc.</abbr> --- abbreviation

    <acronym title="world wide web">www</acronym>

    在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。

    仅对于 IE 5 中的 acronym 元素有效。

    对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

    6、文字方向

    <bdo dir="rtl">hello</bdo> --- bi-directional override (bdo)

    7、块引用

    <blockquote></blockquote> --- 长引用,游览器插入行和外边距

    <q></q> --- 短引用,无特殊效果 包围引号

    8、删除字和插入字效果

    <p><del>11</del><ins>12</ins></p>

    <cite></cite> --- 引用,引证 著作的标题

    <dfn></dfn>  --- 定义一个项目

    相关文章

      网友评论

          本文标题:html基础进阶

          本文链接:https://www.haomeiwen.com/subject/nkwdmttx.html