码迷,mamicode.com
首页 > Web开发 > 详细

HTML文档设置标记

时间:2018-11-07 23:02:01      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:col   多层   htm   color   序列   font   图片   指定   表示   

格式标记

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>

 

HTML文档设置标记

标签:col   多层   htm   color   序列   font   图片   指定   表示   

原文地址:https://www.cnblogs.com/chy-op/p/9924130.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!