html基础进阶
样式属性:
<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> --- 定义一个项目