HTML文档设置标记-格式标记

1,<br> 强制换行标记,让后面的文字,图片,表格等等,显示在下一行

2,<p>换段落标记,换段落由于多个空格和回车在HTML中被等效为一个空格,所以HTML中换段落就要<p>,<p>段落中也可以包含<p>段落

3,<center>居中对齐标记,让段落或者是文字相对于父标记居中显示

4,<pre>预格式化标记,保留预先排版好的格式

5,<li>刘表项目标记,每一个列表使用一个<li>标记

6,<ul>无序列表标记,表示一个无序的列表

7,<ol>有序列表标记,可以显示特定的一些顺序

  a,格式:<ol type=“符号类型”></ol>,<li type=“符号类型”></li>

  b,有序列表的type属性值:1,阿拉伯数字1,2,3等等,默认type属性值 2,大小写字母  3,大小写罗马数字

  c,value,指定一个新的序列的起始值

  d,列表可以使用嵌套

8,<dl><dt><dd>定义型列表,使用场合,对列表条目进行简短的说明

  格式:

  <dl>

    <dt>软件说明:</dt>

    <dd>简单介绍软件的功能及基本应用</dd>

    <dt>软件界面</dt>

    <dd>用于选择软件的外观</dd>

  </dl>

9,<hr>水平分割线标记,段落与段落之间的分割线

10,<dir>区分显示标记,也称之为层标记

  通常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似,层可以多层嵌套使用

 

 

eg:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第四天</title>
</head>
<body>
坚持到第四天了。<br/>非常的不错
<p>
坚持到第四天了。<br/>非常的不错
</p>
<p>
<p>
1234567890
</p>
<p>
1234567890
</p>
</p>
<p>
<center>坚持到第四天了。<br/>非常的不错</center>
</p>
<p>
<pre>坚持到第四天了 非常的不错</pre>
</p>
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
<ul>
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>
<ol type="a">
<li>第一天
<ol type="1">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>
</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>
<hr>
<dl>

    <dt>软件说明:</dt>

    <dd>简单介绍软件的功能及基本应用</dd>

    <dt>软件界面:</dt>

    <dd>用于选择软件的外观</dd>

  </dl>
<div>
第四天了<hr>
第四天了

</div>
<div>
第四天了<hr>
第四天了

</div>
</body>
</html>
posted @ 2017-11-05 11:07  pylzp  阅读(855)  评论(0编辑  收藏  举报