zoukankan      html  css  js  c++  java
  • HTML文档设置标记

    格式标记

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

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

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

    4.<pr>    预格式化标记,保留预先编排好的格式,即使很多个空格,也会全显示出来

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

    6.<ul>    无序列表标记

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

            1.格式:

              <ol type="符号类型">

              <li type="符号类型"></li>

              <li type="符号类型"></li>

              </ol>

            2.有序列表的type属性值

              1  阿拉伯数字1,2,3等,默认的type属性值

              A  大写字母A、B、C等

              a  小写字母a、b、c等

              I  大写罗马数字

              i  小写罗马数字i、ii、iii等

            3.value  指定一个新的序列数字起始值

            4.列表可以进行嵌套

    8.<dl> <dt> <dd>  定义型列表

      使用场合:对列表条目进行简短的说明

      格式:

        <dl>

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

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

        <dt>软件界面</dt>

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

    9.<hr>  水平分割线标记,段落之间的分割线(单标记)

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

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

      层可以多层嵌套使用

    文本标记

    1.hn  标题标记,共有6个级别,n的范围1~6,不同级别对应显示大小不同的标题,h1最大,h6最小

    2.font  字体设置标记,设置字体的格式

        三个常用属性:

          1.size (字体大小)  <font size="3">  取值范围是1-7,浏览器默认是3   XHTML 1.0中不支持size属性

          2.color (颜色)    <font color="red">

          3.face (字体)    <font face="微软雅黑">

    3.b  粗字体标记

    4.i  斜字体标记

    5.sub  文字下标字体标记

    6.sup  文字上标字体标记

    7.tt  打印机字体标记

    8.cite  引用方式的字体,通常是斜体

    9.em  表示强调,通常显示为斜体字

    10.strong  表示强调,通常显示为粗体字

    11.small  小型字体标记,可多级嵌套

    12.big  大型字体标记,可多级嵌套

    13.u  下划线字体标记

    <html>
        <head>
            <title>第三节课</title>
            <meta charset="utf-8">
        </head>
        <body>
        <!--麦子学院!<br/>非常棒-->
        <!--
            <p>
            麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!
            </p>
            
            <p>
                <p>1276387126378123</p>
                <p>asdhsdasdasdhash花大哥好安静</p>
        </p>
        <p>
        <center>麦子学院!</center>
        </p>
        
        <p>麦子学院!            非常棒</p>
        <p><pre>麦子学院!            非常棒</pre></p>
        
        <li>第一节课</li>
        <li>第二节课</li>
        <li>第三节课</li>
        <li>第四节课</li>
        <li>第五节课</li>
        
        
        <ul>
        <li>第一节课</li>
        <li>第二节课</li>
        <li>第三节课</li>
        <li>第四节课</li>
        <li>第五节课</li>
        </ul>
        
        <ol type="1">
            <li>第一节课</li>
            <li value="5">第二节课</li>
            <li>第三节课</li>
            <li>第四节课</li>
            <li>第五节课</li>
        </ol>
        <ol type="A">
            <li>第一节课</li>
            <li>第二节课</li>
            <li>第三节课</li>
            <li>第四节课</li>
            <li>第五节课</li>
        </ol>
        <ol type="I">
            <li>第一节课</li>
            <li>第二节课</li>
            <li>第三节课</li>
            <li>第四节课</li>
            <li>第五节课</li>
        </ol>
        
        <ol type="A">
            <li>A选项
                <ol type="a">
                    <li>第一节课</li>
                    <li>第二节课</li>
                    <li>第三节课</li>
                    <li>第四节课</li>
                    <li>第五节课</li>
                </ol>
            </li>
            <li>B选项
                <ol type="a">
                    <li>第一节课</li>
                    <li>第二节课</li>
                    <li>第三节课</li>
                    <li>第四节课</li>
                    <li>第五节课</li>
                </ol>
            </li>
            <li>第三节课</li>
            <li>第四节课</li>
            <li>第五节课</li>
        </ol>
        
        <dl>
            <dt>软件说明:</dt>
            <dd>简单介绍软件的功能及基本应用</dd>
            <dt>软件界面</dt>
            <dd>用于选择软件的外观</dd>
        </dl>
        -->
        <div>
            麦子学院!
            <hr>
            麦子学院!
        </div>
        
        <div>
            麦子学院!
            <hr>
            麦子学院!
        </div>
        
        
        </body>
    </html>
    <html>
        <head>
            <title>第四节课</title>
            <meta charset="UTF-8">
        </head>
        <body>
        <!--
        Hn标题标记
            麦子学院<br/>
            <h1>麦子学院</h1>
            <h2>麦子学院</h2>
            <h3>麦子学院</h3>
            <h4>麦子学院</h4>
            <h5>麦子学院</h5>
            <h6>麦子学院</h6>
        
        font  标记
        麦子学院
        <font size="1">麦子学院</font>
        <font size="3">麦子学院</font>
        <font size="7">麦子学院</font>
        <font size="7" color="red" face="微软雅黑">麦子学院</font>
        <font size="7" color="red" face="宋体">麦子学院</font>
        <font size="7" color="red" face="新细明体">麦子学院</font>
        
        
        B标记加粗
        麦子学院
        <b>麦子学院</b>
        
        i标记斜体
        麦子学院
        <i>麦子学院</i>
        
        sub下标标记
        2<sub>2</sub>
        
        sup上标标记
        2<sup>2</sup>
        
        引用标记
        <cite>麦子学院</cite>
        
        em标记表示强调,显示为斜体
        <em>麦子学院</em>
        
        strong标记表示强调,加粗显示
        <strong>麦子学院</strong>
        
        small标记,显示小一号字体,可以嵌套使用,当字体为最小时将会显示最小字体字号
        <small>麦子学院</small>
        <small><small>麦子学院</small></small>
        <small><small><small>麦子学院</small></small></small>
        
        big标记,显示大一号的字体
        <big>麦子学院</big>
        <big><big>麦子学院</big></big>
        
        u标记是显示下划线
        <big><big><big><u>麦子学院</u></big></big></big>
        -->
        
        </body>
    </html>
  • 相关阅读:
    Codeforces Gym100971 K.Palindromization-回文串 (IX Samara Regional Intercollegiate Programming Contest Russia, Samara, March 13)
    Codeforces Gym100971 G.Repair-思维题(切矩形板子) (IX Samara Regional Intercollegiate Programming Contest Russia, Samara, March 13)
    Codeforces Gym100971 F.Two Points (IX Samara Regional Intercollegiate Programming Contest Russia, Samara, March 13)
    Codeforces Gym101502 E.The Architect Omar-find()函数
    Codeforces Round #368 (Div. 2) A , B , C
    hdu 5663 Hillan and the girl 莫比乌斯反演
    bzoj 2301: [HAOI2011]Problem b 莫比乌斯反演
    bzoj 1101 zap 莫比乌斯
    51nod 1289 大鱼吃小鱼 栈
    LightOJ 1245 数学
  • 原文地址:https://www.cnblogs.com/chy-op/p/9924130.html
Copyright © 2011-2022 走看看