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()”:鼠标放到滚动行,滚动停止

  • 相关阅读:
    汇编结合vc6的使用
    QT textbroswer textedite Qlist的常用的操作函数
    QT Qdialog的对话框模式以及其关闭
    QT生成的exe在其他电脑打开
    c++实现服务器和多个客户端的实时群聊通信
    c++ 实时通信系统(基础知识TCP/IP篇)
    c++的并发操作(多线程)
    六种Socket I/O模型幽默讲解
    c++字符串的输入
    字符串 与其他数据类型的转换,以及字符创的常用操作
  • 原文地址:https://www.cnblogs.com/zhai1997/p/11406927.html
Copyright © 2011-2022 走看看