当前位置: 编程技术>WEB前端
Lesson01_04 格式标签与文本标签
来源: 互联网 发布时间:2014-09-06
本文导语: 段落标签:代码:右对齐的一段效果: 右对齐的一段代码:左对齐的一段效果: 左对齐的一段代码: 居中对齐的一段效果: 居中对齐的一段 换行标签:例:代码:这是第一行这是第二行效果:这是第一行这是第二行 强制不换行:不...
段落标签:代码:
效果:
效果:
效果:
例:代码:这是第一行
这是第二行
效果:这是第一行
这是第二行 强制不换行:不想让换行的内容注:加在其中的内容不会因为浏览器的变化而换行 缩进显示:代码:想要缩进的内容
效果: 想要缩进的内容代码:想要缩进的内容
效果: 想要缩进的内容 居中显示:代码:www.loncer.cn
效果: www.loncer.cn 移动显示:
两个属性:
1、BEHAVIOR(设置移动的方式)
代码 效果 www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn
2、DIRECTION(设置移动的方向)
代码 效果 www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn 列表: < DD>
/LI>
上海>/LI>
太原>/LI>>
武汉
上海
太原
写字版中的显示效果 没有用标签的效果 用了标签效果
右对齐的一段
效果:
右对齐的一段
代码:左对齐的一段
效果:
左对齐的一段
代码:居中对齐的一段
效果:
居中对齐的一段
换行标签:例:代码:这是第一行
这是第二行
效果:这是第一行
这是第二行 强制不换行:不想让换行的内容注:加在其中的内容不会因为浏览器的变化而换行 缩进显示:代码:想要缩进的内容
效果: 想要缩进的内容代码:想要缩进的内容
效果: 想要缩进的内容 居中显示:代码:www.loncer.cn
效果: www.loncer.cn 移动显示:
两个属性:
1、BEHAVIOR(设置移动的方式)
代码 效果 www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn
2、DIRECTION(设置移动的方向)
代码 效果 www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn www.loncer.cn 列表: < DD>
- 武汉>/LI>
- 上海>/LI>
- 太原>/LI>>
- 武汉
- 上海
- 太原
写字版中的显示效果 没有用标签的效果 用了标签效果
这是一段文字: this is
my
ibm thinkpad!
this is my ibm thinkpad!
代码:这是一段文字: this is
my
ibm thinkpad!效果: 这是一段文字: this is
my
ibm thinkpad!
文本标签
标题标签:
从大到小: ……
代码
效果
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
这就是标题文字
粗体标签:代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
打印机方式显示标签:代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
引用方式来显示标签:代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
斜体标签:代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
下划线标签:代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
强调的文本显示标签(斜体加粗体):代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
加重的文本显示标签(黑体加粗体):代码:哈哈哈哈哈……
效果:哈哈哈哈哈……
下标标签:代码:我是哈哈哈哈哈……
效果:我是哈哈哈哈哈……
上标标签:代码:我是哈哈哈哈哈……
效果:我是哈哈哈哈哈……
FONT标签(斜体加粗体):三个重要的属性:
1、FACE(字体)
2、SIZE(大小从-7到+7:显示从小到大)
代码
效果
-7
-7
+7
+73、COLOR(颜色)
代码
效果
红色
红色
还是红色
还是红色