html:段落处理(预格式化、段前缩进、跑马灯效果)

1、段落标记<p></p>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <h1 align="middle">将进酒</h1>

        <p>
&nbsp;&nbsp;&nbsp;&nbsp;
君不见,黄河之水天上来,奔流到海不复回。
君不见,高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
</p><p>
&nbsp;&nbsp;&nbsp;&nbsp;
与君歌一曲,请君为我倾耳听。
钟鼓馔玉不足贵,但愿长醉不复醒。
古来圣贤皆寂寞,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。    
        </p>
    </body>

</html>

2、预格式化标记<per></pre>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <h1 align="middle">将进酒</h1>

        <pre>
&nbsp;&nbsp;&nbsp;&nbsp;
君不见,黄河之水天上来,奔流到海不复回。
君不见,高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
</pre><pre>
&nbsp;&nbsp;&nbsp;&nbsp;
与君歌一曲,请君为我倾耳听。
钟鼓馔玉不足贵,但愿长醉不复醒。
古来圣贤皆寂寞,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。    
        </pre>
    </body>

</html>

被预格式化标记修饰后的段落,将保持和代码中相同的文字布局。

3、段前缩进<blockquote></blockquote>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <h1 align="middle">将进酒</h1>

        <p>
<blockquote>
君不见,黄河之水天上来,奔流到海不复回。
君不见,高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
</blockquote></p>
<p>
<blockquote><blockquote>
与君歌一曲,请君为我倾耳听。
钟鼓馔玉不足贵,但愿长醉不复醒。
古来圣贤皆寂寞,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。    
</p></blockquote> </blockquote>
    </body>

</html>

一个段前缩进会向右移动五个字符,运行结果第一段缩进五个字符,第二段缩进十个字符。

4、跑马灯效果<marque></marque>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <marquee behavior="slide" direction="left" width="840">李白(701年-762年) ,字太白,号青莲居士,又号“谪仙人”,是唐代伟大的浪漫主义诗人,被后人誉为“诗仙”。</marquee>
        <h1 align="middle">将进酒</h1>

        <p>

            &nbsp;&nbsp;&nbsp;&nbsp;君不见,黄河之水天上来,奔流到海不复回。 君不见,高堂明镜悲白发,朝如青丝暮成雪。 人生得意须尽欢,莫使金樽空对月。 天生我材必有用,千金散尽还复来。 烹羊宰牛且为乐,会须一饮三百杯。 岑夫子,丹丘生,将进酒,杯莫停。
        </p>
        <p>

            &nbsp;&nbsp;&nbsp;&nbsp;与君歌一曲,请君为我倾耳听。 钟鼓馔玉不足贵,但愿长醉不复醒。 古来圣贤皆寂寞,惟有饮者留其名。 陈王昔时宴平乐,斗酒十千恣欢谑。 主人何为言少钱,径须沽取对君酌。 五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。
        </p>
    </body>

</html>

behavior属性:设置滚动方式

direction:滚动方向

loop:次数

width:宽度

height:高度

bgcolor:滚动字的背景颜色

scrollamount:滚动速度

onmouseover=“this.stop()”:鼠标放到滚动行,滚动停止

原文地址:https://www.cnblogs.com/zhai1997/p/11406927.html