zoukankan      html  css  js  c++  java
  • 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()”:鼠标放到滚动行,滚动停止

  • 相关阅读:
    修改tomcat的get方法的参数长度
    [转]修改hosts文件不起作用
    [转]solr DataImportHandler 解决mysql 表导入内存溢出问题
    plat模板修改记录
    Linux基本命令
    使用DTM ( Dynamic Topic Models )进行主题演化实验
    Stuts2的"struts.devMode"设置成true后,不起作用,仍需要重启tomcat
    R语言——绘图函数深入学习
    R语言——基本绘图函数
    Stem Cell 华人科学家
  • 原文地址:https://www.cnblogs.com/zhai1997/p/11406927.html
Copyright © 2011-2022 走看看