四：文字的布局

(一)：段落

1、行的控制：段落文字中间直接插入即为换行。

插入 也是强制换行。插入多个人 会出现多次换行。

即为不换行 文本会从一开始不经过换行直接显示到最后。

2、文字对齐:align='#' 对齐常常配合或者<table>或者<div>中使用，#可代表：lift（左）、right（右）、center（中）。

01 <html>

02 　　</head>

03 　　　　<title>段落设置</title>

04　　</head>

05 　　 <body>
06 　　　　 
07 　　　　 段落一:HTML+CSS完全自学手册
08 　　　　 段落二:HTML+CSS完全自学手册
09　　　　　<s>段落三:HTML+CSS完全自学手册</s>
10 　　　　 <h1>段落四:HTML+CSS完全自学手册</h1>
11 　　 </body>
12 </html>

(二)：列表

1、无序列表：指在列表中无顺序可言。<UL></UL>决定是无序列表，<li></li>表示列表。无序列表显示效果是前面有一个小圆点表示。

<UL>

</UL>

2、有序列表：指在列表中有顺序可言。<OL></OL>决定是无序列表，<li></li>表示列表。有序列表显示效果是前面有一个阿拉伯数字表示。

<OL>

</OL>

(三)：其他修饰文本方法

1、欲格式化文本：在网页中输出的是代码的样式。<pre></pre>

代码中不会显示的空格在欲格式化下会显示空格。

注：<xmp></xmp>也是格式化输出一种，但xmp输出的是html代码文本。而pre输出的是解释后html文本。

2、计算机输出格式：下面一行表示计算机输出格式标记对

<code>代码样式小型固定宽度字体显示的文本</code>

<kbd>代码样式固定宽度字体渲染</kbd>

<tt>代码样式固定宽度字体渲染文本</tt>

<var>代码样式斜体字渲染</var>

(四)：滚动文字

1、<marquee>滚动文字</marquee>

2、direction：控制滚动方向，方向：life、right、up、down

3、scrollamount：控制滚动速度。

4、behavior：控制滚动方式，scroll为循环滚动；alternate为来回循环滚动；slide为滚动一次；loop可设置循环次数。

5、scrolldelay：控制滚动的时间间隔。

6、bgcolor：控制滚动背景。

7、width：控制滚动背景宽度。

8、height：控制滚动背景高度

9、

01 <html>
 02 <head>
 03 <title>文字滚动的设置</title>
 04 </head>
 05 <body>
 06 
 07 文字滚动示例（默认）：<marquee>做人要厚道</marquee>
 08 文字滚动示例（向右）：<marquee direction="right" scrolldelay="500">做人要厚道</marquee>
 09 文字滚动示例（向下，滚动方式为slide，速度为10）：
 10 <marquee scrollamount="10" behav
11 文字滚动示例（默认方向，滚动方式为alternate，循环3次，速度为2）：
 12 <marquee scrollamount="2" behavior="alternate" loop="3">做人要厚道</marquee>
 13 文字滚动示例（向上，背景色为#CCFF66，设置了背景宽度和高度）：
 14 <marquee direction="up" bgcolor="#CCFF66" width="250" height="55">做人要厚道
 15 </marquee>
 16 
 17 </body>
 18 </html>

猜你喜欢