【html5段落对齐方式】HTML5简易教育第1章(第2节)

大家好，我是新媒体声音广告工作室的大白。今天给大家带来的是HTML5简单教育第一章(第二节)。

今天给大家带来的东西更多。

Br换行标签是单个标签。br换行标签与编辑文本时按Enter键相同。请换到下一行。

HTML5 br/标签用于使文档中的文本换行。请参见以下示例。

以下代码显示换行符。

p使用br元素br在文本中换行br。/p

所有主要浏览器都支持br标签。

标签定义和使用准则

Br标记插入一个简单的换行符。

Br标签是空标签。也就是说，没有结束标记。

提示：br标记是空标记，因此请输入“br.不允许使用“/br”这样的标记法！

提示和注释

提示：br标记在写地址信息或写诗时很有用。

注：请使用br标记输入空行，而不是拆分段落。

HTML 4.01和HTML5之间没有区别。

HTML和XHTML之间的差异

在HTML中，br标签没有结束标签。

在XHTML中，必须正确关闭br标签(例如br/)。

Nobr的换行是双标记，nobr是不要强制换到下一行。编辑时，如果文本或块遇到浏览器的边缘，则会自动换到下一行，如果使用不换行的标签，则会强制不换行。标题滚动条出现在浏览器底部。

P段落标签也是双标签，P标签也是文字标签，所以用来写文字段落的标签，P标签被认为是块标签，也就是单独占据一行。以下几节介绍了块标签和行标签。

HTML5 p标签用于定义段落。

目前大多数浏览器都支持p标签。

标签定义和使用准则

p标记定义段落。

p元素在前后自动创建空格。浏览器可以自动添加这些空间，也可以在样式表中指定。

提示：在本网站的HTML5编程实践中，可以练习使用P标签！

HTML 4.01和HTML5之间的差异

在HTML 4.01中，标签的align属性已过时，在HTML5中不受支持。

p段，align属性3360left|center|right，标签属性，属性CSS样式，CSS样式，房子装修可以通俗理解为房子的框架，div可以通俗理解为房子的填充砖等。

所有主要浏览器都支持align属性。

定义和使用

HTML5不支持p align属性。请改用CSS。

HTML 4.01中不使用P的align属性。

Align属性指定段落中文本的对齐方式。

兼容性说明

HTML 4.01中不使用p的align属性。请改用CSS。

CSS语法：p style=' text-align 3360 right '

CSS实例：在段落中向右对齐文本

在CSS教程中，您可以找到有关text-align属性的详细信息。

语法

p align=' left | right | center | justify '

/p>

属性值

center 居中是属于双标签，双标签就是成对出现的标签，center居中标签的意思就是让它位于浏览器的中心位置，就好比是wps的文字居中一个道理，不过居中标签是可以让它体内所有的标签都可以居中。

HTML <center> 标签 – HTML 5 不支持

<center> 标签控制文本的居中显示，不能在 HTML5 中使用。

所有主流浏览器都支持 <center> 标签。

标签定义及使用说明

HTML5 不支持 <center> 标签。请用 CSS 代替。

在 HTML 4.01 中，<center> 元素已废弃。

<center> 对其所包括的文本进行水平居中。

提示和注释

提示：请使用 CSS 样式来居中文本！在 CSS 教程中您能了解到更多关于居中文本的细节。

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 <center> 标签。请用 CSS 代替。

pre 按源代码显示是属于双标签不是很常用的标签，它的意思就是让标签直接不解析让浏览器表现出来，一般用于展示源代码。

HTML <pre> 标签

<pre> 标签可以保留您需要的文本格式，比如不会取消换行和空格，并且所示文本是等宽的。

目前大多数浏览器支持 <pre> 标签。

标签定义及使用说明

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

注意：<pre> 元素是块级元素，但是只能包含文本或行内元素，任何块级元素（常见为可以导致段落断开的标签：例如<title>、<p> 和<address> 标签）都不能位于 <pre> 元素中。

提示和注释

提示: <pre> 标签的一个常见应用就是用来表示计算机的源代码。

提示：<pre> 标签与 <code> 标签结合起来使用，可以获得更加精确的语义。

在HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中，"width" 属性已废弃，不可使用。 HTML5 不支持"width"属性。

属性

全局属性

<pre> 标签支持全局属性，查看完整属性表 HTML全局属性。

ul 无序列表属于双标签，一般配合li标签使用，无序列表属和wps中表现是一样的不过无序列表中不只可以写文字和数字也可以写div之类的标签有的网页导航就是用ul无序列表标签写出来的。

HTML <ul> 标签

<ul> 标签表示HTML页面中项目的无序列表，一般会以项目符号列表呈现

所有主流浏览器都支持 <ul> 标签。

标签定义及使用说明

<ul> 标签定义无序列表。

将 <ul> 标签与 <li> 标签一起使用，创建无序列表。

提示和注释

提示：使用 CSS 为列表定义样式。

提示：使用 <ol> 标签创建有序列表。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中，"compact" 和 "type" 属性已废弃。HTML5 则不支持着两个属性。

属性

ol 有序列表标签和ul无序列表标签是一个道理，也是配合li标签使用唯一区别就是一个前面带点一个前面带阿拉伯数字。

HTML <ol> 标签

<ol> 标签在 HTML 中表示有序列表，是 ordered lists 的缩写。您可以自定义有序列表的初始序号

目前大多数浏览器支持 <ol> 标签。

标签定义及使用说明

<ol> 标签定义了一个有序列表. 列表排序以数字来显示。

使用<li> 标签来定义列表选项。

提示和注释

提示： 如果需要无序列表，请使用 <ul> 标签。

提示：使用 CSS 来定义列表样式。

HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中"start" 和 "type" 属性已经废弃，HTML5不支持该属性。

"reversed" 属性是 HTML5 中的新属性。

在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。

属性

New：HTML5 新属性。

dl 自定义列表 dt 自定义标题 dd 自定义列表内容这三个标签我放在一起讲因为这三个标签是配合在一起的用法和ul标签ol标签差不多，就不再过多的叙述了，一般用到的不是很多。

所有主流浏览器都支持 <dl> 标签。

标签定义及使用说明

<dl> 标签定义一个描述列表。

<dl> 标签与 <dt> （定义项目/名字）和 <dd> （描述每一个项目/名字）一起使用。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中，<dl> 标签定义一个定义列表。

在 HTML5 中，<dl> 标签定义一个描述列表。

HTML <dt> 标签

<dt> 标签只能够作为 <dl> 标签的一个子元素出现，常常后跟一个 <dd> 标签。

所有主流浏览器都支持 <dt> 标签。

标签定义及使用说明

• <dt> 标签定义一个描述列表的项目/名字。

  <dt> 标签与 <dl> （定义一个描述列表）和 <dd> （描述每一个项目/名字）一起使用。

  一行中的多个 <dt> 标签表示由紧邻的下一个 <dd> 元素定义的多个术语。

• ---

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中，<dt> 标签定义一个定义列表的条目。

在 HTML5 中，<dt> 标签定义一个描述列表的项目/名字。

hr 导航线这节课最后一个标签是单标签，所谓的导航线不过就是一条横线用来分割。

HTML <hr> 标签

<hr> 标签表示段落级元素之间的主题划分。

所有主流浏览器都支持<hr> 标签。

标签定义及使用说明

<hr>标签定义HTML页面中的主题变化（比如话题的转移），并显示为一条水平线。
元素被用来分隔HTML页面中的内容（或者定义一个变化）。

HTML 4.01与HTML5之间的差异

在HTML5中，<hr> 定义内容中的主题变化，并显示为一条水平线。

在HTML 4.01中，<hr> 标签仅仅显示为一条水平线。

在HTML 4.01中，的所有布局属性都已废弃。在HTML5中不再支持这些属性。请使用CSS来为<HR> 元素定义样式。

HTML与XHTML之间的差异

在HTML中，<hr> 标签没有结束标签。

在XHTML中，<hr> 标签必须被正确地关闭，比如<hr /> 。

属性

谢谢大家的观看，如果需要今天课程的源代码和ppt可以私信给我，我会免费发给你，最好使能够关注小编一下。