html基础进阶

2016-12-18  本文已影响0人  brant_feeboo

样式属性:

<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>  --- 定义一个项目

上一篇下一篇

猜你喜欢

热点阅读