tml中除了有文本修饰标签,还有一类重要的标签,就是排版标签,但这类标签基本上已经被css替代,但是作为基础还是不能放弃,下面就来看下html中的常用的排版标签

一.排版标签

① 换行：<br />

主要用于强制换行

② 段落：<p>内容</p>

单独成立一个段落,并且段落上下,有空行

P标签属性：algin：对齐方式

取值：left：左对齐【默认】，center：居中对齐，right：右对齐

③ 横线：<hr />

在网页中生成一条横线,可以通过属性进行控制

hr常用属性如下：

Width：宽度

Align：left，center【默认】，right

Size：线条粗细

Color：线条颜色

Noshade：无阴影

④ 预排版： <pre>内容</pre>

个人感觉这个标签在格式化输出php数据(如数组)到html网页时,很有用,它可以使php数组更 加清晰的展现到网页上

二.行内元素和快元素

这是两个相对来说比较重要的概念,在排版的时候,有时很有用处,所以必要区分一下:

块元素：被块元素所包围的内容,在网页中是独占一行,例如:div，p

行内元素：被行内元素所包围的内容,宽度根据内容决定 span，b

⑤ Div和span

Div：<div>内容</div>块元素

Span：<span>内容</span>行内元素

各元素效果如下:

.标题标签

html中,一种常用的标签之一,就是标题标签,该标签独占一行,而且能够将文字加粗显示,其格式分别如下:

① H1标题：<h1>内容</h1>

② H2标题：<h2>内容</h2>

③ H3标题：<h3>内容</h3>

④ H4标题：<h4>内容</h4>

⑤ H5标题：<h5>内容</h5>

⑥ H6标题：<h6>内容</h6>

这里有一点需要注意,h标签从h1到h6是逐渐减小的

代码效果如下:

以上均是个人学习总结,大神勿喷!!

HTML超文本标记语言是应用于网页端的页面标记语言，它通过在文本中添加标记，浏览器依据标签的不同，按照不同的方式显示内容，组织内容结构。HTML是作为一名前端开发工程师必须精通的语言。

html

HTML有W3C组织维护，目前已经发展到HTML5，大部分的桌面浏览器和几乎全部的移动端浏览器都已经支持了HTML5，但也还有少数的浏览器并不支持。因此学习者对于HTML5之前的HTML版本也需要有了解，特别HTML4，和最常见的HTML4.01。HTML的内容较为简单，掌握起来也十分容易，但编写出优秀的html结构却还是有难度。

标签分类

HTML标签大致可以分为章节标签、文本标签、组标签、资源标签、表格标签、表单标签，共计一百多个标签，剔除不常用和不推荐使用的标签，还有部分支持度还不高的HTML5标签，也就只剩下七八十个常用标签了。记忆这些标签及其相关属性是精通HTML的第一步。

html标签

常用属性

自从css开始大量使用之后，HTML中直接嵌套属性的使用已经越来越少。我们这里提到的HTML属性是指HTML全局属性，这些属性用于赋予元素意义和语境。编写过html的同学应该都知道id、class、style、title等常用的HTML属性。

html属性

语义化

语义化是指用正确的标签描述页面。HTML语言使用中最难的莫过于使用合适的标签和属性优雅的描述页面。语义化是html超文本标记语言学习的进阶内容，在编写或参考到了大量的网页结构之后，会得到很大的提升。

实体字符

实体字符是在html语言中，例如空格、引号、大于号、小于号等一些已经被html语言标准所占用的字符，需要用特定的字符组合来表现。html编码过程中你编写了多个空格，但是在最终页面输出时只会有一个空格，这就是因为键盘上输入的空格如果不经过特殊的标签处理，或者未使用实体字符来表示，当你在编码时使用&nbsp；来表示空格，页面上就会按照你的目的显示空格。

总结

html甚至没有被归入编程语言中，而只是作为一种标记语言存在，就是因为它太简单了，学习起来异常容易，但是我们看高手程序员编写的html页面，却总是会惊讶一个标签怎么还会有如此用法。

掌握了上面的四块内容，就可以算是基本掌握了HTML超文本标记语言。

本文仅代表个人观点！欢迎关注！