Make your MSN Spaces more fantastically - Lesson Two [TBD]
部分标签的使用: 这不是第2节课的主要内容 第2节课的文字美化效果的还没写呢 下面的东西很枯燥 随便看看 呵呵
注意 XHTML2.0目前在W3C仍然是草稿, 主要变动不在文字部分, 大家先超前意识一下
1. address元素 用于作者的联系信息 一般用户看不到有什么特别的地方[斜体而已] 但是这是一种规范.
Belem
|
<address href="mailto:belemcheung@msn.com">Belem</address>
|
2. blockquote元素 这个在MSN Spaces中最常用了 只要引用别人的文章都会用到 建议使用cite属性[也有cite元素自身]标明引用的出处地址.
海岩说自己的生活和感情像有个开关一样可以来回切换，白天正常在昆仑饭店当老板，晚上可以继续爬格子，我真的是好生好奇呀，难道他在夜晚写作时的情绪可以不受他白天琐碎事情的影响吗?
我是一个情绪非常容易受到影响的人,只要周围的环境变了,突然冒出个节外生枝的事情, 我的情绪就会受到影响, 原来的计划和想法也就随着变化。我想这就是我做事没有毅力的主要原因.
<blockquote cite="http://spaces.msn.com/journaling/blog/cns!8B601BEB4401D8B6!1875.entry">
海岩说自己的生活和感情像有个开关一样可以来回切换，白天正常在昆仑饭店当老板，晚上可以继续爬格子，我真的是好生好奇呀，难道他在夜晚写作时的情绪可以不受他白天琐碎事情的影响吗? <p/>我是一个情绪非常容易受到影响的人,只要周围的环境变了,突然冒出个节外生枝的事情, 我的情绪就会受到影响, 原来的计划和想法也就随着变化。我想这就是我做事没有毅力的主要原因.
</blockquote>
|
3. pre元素 预格式, 可以原封不动的显示所有空格.
If
I had
any talent
I would
be a
poet
<pre> If
I had
any talent
I would
be a
poet
</pre> |
4. abbr元素 缩写格式标注.
你现在在学习的是可扩展超文本标记语言 (
XHTML) ,他很简单的.
你现在在学习的是可扩展超文本标记语言(<abbr full="#xhtml">XHTML</abbr>) ,他很简单的.
|
5. sup/sub元素 这个可能是稍微常需要用到的元素 能够显示右上/右下标
E = mc
2Cu
2(OH)
2CO
3 == 2CuO + H
2O + CO
2↑
E = mc<sup>2</sup><br/>
Cu<sub>2</sub>(OH)<sub>2</sub>CO<sub>3</sub>==2CuO+H<sub>2</sub>O+CO<sub>2</sub>↑
|
6. dir属性 文字显示方向 rtl=右->左 ltr=左->右
...从左往右...
...从右往左...
...从左往右...
...从左往右...
<p dir="rtl">...从右往左...</p>
<p>...从左往右...</p>
|
|
本节课我们用到的HTML/XHTML元素 [Belem从W3C整理] |
|
HTML 4.01 |
XHTML 1.1 |
XHTML 2.0 |
|
分类 |
元素 |
说明 |
分类 |
元素 |
说明 |
分类 |
元素 |
说明 |
|
结构文字 |
em |
2.0 |
文字模块 |
abbr |
2.0 |
结构模块 |
address |
作者联系信息 |
|
strong |
2.0 |
acronym |
首字母缩写, 在2.0中与abbr合并 |
blockcode |
代码块 类似 pre |
|
cite |
2.0 |
address |
2.0 |
blockquote |
引用块级别文字 |
|
dfn |
2.0 |
blockquote |
2.0 |
div |
块级元素 添加额外结构 |
|
code |
2.0 |
br |
2.0 |
h h1-h6 |
标题 |
|
samp |
2.0 |
cite |
2.0 |
p |
与前面版本相比, p不仅包含行内文字, 且可包含列表/表格等作为行内文字 |
|
kbd |
2.0 |
code |
2.0 |
pre |
预格式文字 按原结构显示 |
|
var |
2.0 |
dfn |
2.0 |
section |
与h结合使用的标题 |
|
abbr |
2.0 |
div |
2.0 |
separator |
隔离相互文档相关部分 |
|
acronym |
1.0 |
em |
2.0 |
文字模块 |
abbr |
单词缩写 |
|
blockquote |
2.0 |
h1-h6 |
2.0 |
cite |
引用地址 |
|
q |
1.0 |
kbd |
2.0 |
code |
计算机编码 |
|
p |
2.0 |
p |
只允许行内文字的段/节 和2.0有差异 |
dfn |
术语实例 |
|
br |
1.0 |
pre |
2.0 |
em |
强调/斜体 |
|
pre |
2.0 |
q |
引用标记划界 嵌入引用 2.0中与quote 合并 |
kbd |
用户输入字符 |
|
ins/del |
1.0 |
samp |
2.0 |
l |
行中断 用于诗歌/编码 |
|
|
|
span |
2.0 |
quote |
引用文字 |
|
|
|
strong |
2.0 |
samp |
程序/脚本输出 |
|
|
|
var |
2.0 |
span |
行内元素 添加额外结构 |
|
|
|
文字扩展 |
sub/sup |
2.0 |
strong |
更重要内容/粗体 |
|
|
|
b |
粗体 |
sub/sup |
右下/右上角文字 |
|
|
|
hr |
行 |
var |
程序变量实例 |
|
|
|
i |
斜体 |
双向文字 |
dir(属性) |
增加/减少文字缩进 |
|
|
|
big/small |
增大/缩小 |
|
|
|
|
|
|
tt |
- |
|
|
|
|
|
|
ins/del |
插入/删除不同版本文档 |
|
|
|
|
|
|
bdo |
其属性有dir 参见2.0 |
|
|
|
|
|
|
|
|
可以看出三个版本的元素变化, 也可以看出 <br>, <b>, <i>等常用元素以后将不再使用 |
Tools 
Help
Loading...
