前端基础学习的第三天

164 阅读1分钟

HTML的常用标签

学习标签重要的是记住标签的含义,在写代码的时候根据标签的语义在合适的地方放置标签,可以让页面结构更清晰。

  • 标题标签<h1>-<h6>

HTML提供了6个等级的网页标题,即<h1>-<h6>。

标签语义:作为标题还用,依据重要性递减。

作为标题的文字会加粗,字号加大,一个标题即一行。

运行后的效果如图


段落标签

在网页中要把文字有条理的显示出来,还需要将文字分段显示。在HTML标签中,<p>标签用于定义段落,将整个网页分为若干个段落。

  • 文本在段落中会根据浏览器窗口的大小自动换行。
  • 段落与段落间有空隙。

效果如图所示:

换行标签

在HTML中,一个段落的文字会从左到右依次排列,到浏览器窗口的右端才会进行换行。如果想要强制换行,就要用到换行标签<br/>

演示结果如图:


  • <br/>是一个单标签
  • <br/>只是另起一行,跟段落的区别是,段落之间会插入间距。

明天会跟着教学做一个课堂案例。