JavaWeb学习之路(9)--HTML为内容添加段落

简介: 本文目录1.何为段落2. HTML中的段落3. 小结

1.何为段落

段落者,英文名paragraph也,表示问文章的一个分段。


一般来说,每个分段的最前面是要缩进2个字符的,同时不同的分段之间会换行。


2. HTML中的段落

如果你以为HTML会使用<paragraph>作为段落的标签,那你就太天真了。


因为paragraph这个单词实在是有点长,太难记了,所以我严重的怀疑HTML创立者因为这个原因,将其简化为了<p>标签。


所以HTML中,使用<p>标签来描述一个段落。


有了段落之后,我们就可以做一个完整的网页了,可以轻松的实现分段功能。


<html>

<head>

   <meta charset="utf-8">

   <title>段落使用示例</title>

</head>

<body>

   <h1>假如生活欺骗了你</h1>

   <p>假如生活欺骗了你</p>

   <p>不要悲伤,不要心急</p>

   <p>忧郁的日子里须要镇静</p>

   <p>相信吧,快乐的日子将会来临</p>

   <p>心儿永远向往着未来</p>

   <p>现在却常是忧郁</p>

   <p>一切都是瞬息,一切都将会过去</p>

   <p>而那过去了的,就会成为亲切的怀恋</p>

</body>

</html>


效果如下,可见有了段落,页面的排版更加的井井有条了。



3. 小结

段落,让诗歌更美好!

相关文章
HTML 段落2
在HTML中,若需在不创建新段落的情况下换行,可使用`&lt;br&gt;`标签,该标签无结束标记。注意,HTML中多余的空格与换行在浏览器中会被视为一个空格,故直接在代码中添加空格或换行无法改变输出效果。
HTML 段落1
HTML 使用 `&lt;p&gt;` 标签定义段落,浏览器会在段落前后自动添加空行。虽然多数浏览器能容忍未闭合的 `&lt;p&gt;` 标签,但为了代码的规范性和兼容性,建议始终闭合段落标签。未来版本的 HTML 将不允许省略结束标签。
|
2月前
|
人工智能
|
3月前
|
数据可视化 前端开发
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
本文介绍了如何在Twaver-HTML5中使用鹰眼(Overview)可视化视图组件,它作为Network的缩略图,允许用户通过缩略图导航Network,支持单击、双击和框选操作来控制Network视图。
43 5
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
|
3月前
|
数据可视化 前端开发 容器
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
本文介绍了如何在Twaver-HTML5中使用列表可视化视图组件(List),展示了如何创建列表、设置列表属性(如行高、间隔颜色等)、实现数据绑定和排序,以及如何通过React代码示例进行操作。
36 2
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
|
3月前
Twaver-HTML5基础学习(38)劈分面板SplitPane
本文介绍了如何在Twaver-HTML5中使用SplitPane组件来创建可分割的面板,通过动态调整分割条来改变面板的大小,支持水平和垂直分割。
35 2
Twaver-HTML5基础学习(38)劈分面板SplitPane
|
3月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
40 1
|
2月前
html基础知识学习
html基础知识学习
35 0