前端|HTML的段落以及样式

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

1、HTML段落

  顾名思义，段落就是可以吧HTML文档分割为若干的段落。在HTML中，我们常用的方法就是通过<p>标签来定义的

图 1.1

如上图<p>就为一个块级元素。常见的问题是<p>元素标签的结束标签的遗忘，尽管浏览器也会将HTML准确的显示出来，但是此类的坏习惯对于此专业甚至于初学者来说是致命的。因为在未来的HTML版本中，不在允许省略结束标签。

  另外，类似于段落的还有拆行，在HTML中用<br/>表示，表示为在不产生新段落的情况下进行换行，而且因为<br/>元素是一个空的HTML元素，，由于关闭标签没有任何意义，因此它没有结束标签。

  <br>与<br/>也存在较大的区别，在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。即使 <br> 在所有浏览器中的显示都没有问题，使用 <br /> 也是更长远的保障。

2、HTML样式

  在HTML样式中，我们常用style一词来表示，style一词的属性用于改变HTML元素的样式

图 2.1

  style提供了一种改变所有 HTML 元素的样式的通用方法。查阅资料可知样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。我们可以在CSS 教程（未学习）中学习关于样式和 CSS 的所有知识。一般的style标签与描述有如下

图 2.2

还存在HTML 样式实例(背景颜色、字体、颜色和尺寸、文本对齐）等实例，如下

图 2.3

END

主  编   |   张祯悦

责  编   |   陈宇杰

 where2go 团队

微信号：算法与编程之美          

长按识别二维码关注我们!

温馨提示：点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！