使用<br>标签分行显示文本
来源:互联网 发布:mac如何更改用户名称 编辑:程序博客网 时间:2024/06/01 07:44
对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果:
怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />
标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。
上节的代码改为:
语法:
xhtml1.0写法:
<br />
html4.01写法:
<br>
大家注意,现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。
与以前我们学过的标签不一样,<br />
标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />
、<hr />
和<img />
。
讲到这里,你是不是有个疑问,想折行还不好说嘛,就像在 word 文件档或记事本中,在想要折行的前面输入回车不就行了吗?很遗憾,在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。如下边的代码。
上面的代码在浏览中显示是没有回车效果的。如下图所示:
总结:在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />
。
0 0
- 使用<br>标签分行显示文本
- 使用<br>标签分行显示文本
- 使用<br />标签分行显示文本
- 第11课:使用<br>标签分行显示文本
- cocos2dx 文本分行显示
- <br>可以以文本形式显示
- HTML 标签 <br> <br />
- python xpath 提取html 中使用<br>分割的文本
- html p,br,hn,img,a标签的使用
- 使用UIWebView中html标签显示富文本
- HTML 之 <br> 标签
- br 标签兼容问题
- HTML <br>换行标签
- <br> 标签用法
- <br/标签的应用>
- 如何分行显示?
- checkboxlist 分行显示
- Repeater分行分列显示
- 三极管的工作原理!给你一个真正的三极管
- 深入了解Activity-生命周期
- iOS响应式编程学习ReactiveCocoa-1
- C 语言基础
- HDU 4871 Shortest-path tree (树分治之点分治 最短路径树问题)
- 使用<br>标签分行显示文本
- JAVA 对象引用,以及对象赋值
- ACM之路-算法路途
- 三极管的饱和状态讨论
- spark入门
- .NET 跨平台开源项目——Mono介绍
- 判断两个字符串是否互为旋转词
- 饱和状态。。。
- debian xfce4多屏显示,附屏扩展显示