前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

HTML标签之排版标签(html的排版标签)

HTML定义网页的结构,CSS给美化页面结构,而HTML网页中任何元素的实现都要依靠HTML标签才能显示。比如,要想在网页中显示图像就需要使用图像标签。接下来这几节课,我们就主要讲解构成HTML结构的元素,也就是HTML标签。

排版标签

用于网页布局

标题标签

head,头部

标题标签分为六个等级,h1-h6。

语法:

<h1>

一级标题

</h1>

<h2>

二级标题

</h2>

<h3>

三级标题

</h3>

<h4>

四级标题

</h4>

<h5>

五级标题

</h5>

<h6>

六级标题

</h6>

  • 注意
  • h标签只有六个等级
  • h标签的语义,作为标题使用,从h1~h6重要性依次递减
  • h1 尽量少用,一个页面中一般只有一个,一般用于logo使用

段落标签

  • 缩写
  • paragraph ,段落
  • 说明
  • 当网页中需要显示一篇完整文章,而整个篇文章又可以分为若干个段落时,每个段落就用p标签包裹。默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
  • 语法:

<p>

段落标签

</p>

空标签

也就是我们前面提到的单标签,一个标签符号即可完整地描述某个功能的标签,这里我们主要列举换行标签和水平线标签。

换行标签

  • 缩写

break ,打断,换行

在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签。

  • 语法

<br />

这时如果还像在word中直接敲回车键换行就不起作用了。

水平线标签

  • 缩写
  • horizontal , 横线
  • 为了使文档结构清晰,层次分明,我们看到在一些网页中经常会有一些水平线将段落与段落之间隔开。这些水平线可以通过插入图片实现,也可以简单地通过添加
  • 标签来完成。
  • 语法

<hr />

  • 注意

为单标签

有一起学习的吗?请点赞收藏+关注哦!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言