Lesson01_04 格式标签与文本标签_基础教程

php中文网

发布： 2016-05-16 12:08:59

原创

1982人浏览过

段落标签:

Developr响应式HTML5后台管理模板基于HTML5+CSS3+jQuery制作，界面很漂亮，自动适应屏幕分辨率大小，兼容PC端和手机移动端，附带模板开发技术文档。全套模板，包含仪表盘、用户登录、用户注册、信息、议程、表格、文件浏览器、滑块与进度、表单元素、日历、活版印刷、标签、颜色与背景、图标、文件及画廊、按钮、文本编辑器、表单布局、404错误页等共36个后台模板页面。

130

查看详情

代码:

右对齐的一段

效果:

右对齐的一段

代码:

左对齐的一段

效果:

左对齐的一段

代码:

居中对齐的一段

效果:

居中对齐的一段

换行标签:

例:代码:这是第一行
这是第二行
效果:这是第一行
这是第二行

强制不换行:不想让换行的内容

注:加在其中的内容不会因为浏览器的变化而换行

缩进显示:

代码:

想要缩进的内容

效果:

想要缩进的内容

代码:

想要缩进的内容

效果:

想要缩进的内容

居中显示:

代码: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

列表:

代码	效果
中国城市武汉上海太原美国城市华盛顿芝加哥纽约	中国城市武汉上海太原美国城市华盛顿芝加哥纽约
武汉>/LI> 上海>/LI> 太原>/LI>>	武汉上海太原
武汉>/LI> 上海>/LI> 太原>/LI>>	武汉上海太原

预格式化:

登录后复制

写字版中的显示效果

没有用

登录后复制

标签的效果

用了

登录后复制

标签效果

这是一段文字： this is
          my
          ibm   thinkpad!

登录后复制

this is my ibm thinkpad!

代码：

<pre class="brush:php;toolbar:false;">这是一段文字： this is
          my
          ibm   thinkpad!<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;">

登录后复制

效果：

这是一段文字： this is
          my
          ibm   thinkpad!

登录后复制

文本标签

标题标签:
从大到小：

……

代码	效果
这就是标题文字	这就是标题文字
这就是标题文字	这就是标题文字
这就是标题文字	这就是标题文字
这就是标题文字	这就是标题文字
这就是标题文字	这就是标题文字
这就是标题文字	这就是标题文字