当前位置: 编程技术>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(颜色) 代码 效果 红色 红色 还是红色 还是红色