分享

HTML文档设置标记

 弘护正法 2019-10-07

1、格式标记
<br>强制换行
<p>换段落标记
<center> 居中对齐标记
<pre>预格式化标记
<li>列表项目标记
<ul>无序列表标记
<ol>有序列表标记
<dl><dt><dd>定义型列表
<hr>单标记,水平分割线标记
<div>分区显示标记,也称为层标记
2、文本标记
<hn>标题标记,共有6个级别,不同级别对应显示大小不同的标题
<font>字体设置标记
<b>粗字体标记
<i>斜体字标记
<sub>文字下标字体标记
<sup>文字上标字体标记
<tt>打印机字体标记
<cite>引用方式的字体,通常是斜体字
<em>表强调,通常为斜体字
<strong>表强调,通常为粗体字
<small>小型字体标记
<big>大型字体标记
<u>下划线字体标记
练习代码:

<html>

    <head>
        <title>标记</title>
        <meta charset="UTF-8" />
    </head>
    <body bgcolor=“red” >
        强制<br>换行

        <p>
        p标签表示段落。
        </p>
        <p>
        段落里面还可以嵌套段落。
            <p>
            嘻嘻。
            </p>
        </p>

        我想居中对齐,使用center标签。
        <center>我想居中并对齐</center>

        <pre>预格式化标记
        <p>在html文档中按“回车”、“空格”均对网页显示没有影响</p>
        <p><pre>使用pre标签就会              有影响啦~!!!</pre></p>


        <li>第一节课</li>
        <li>第二节课</li>
        <li>第三节课</li>

        <!--------ul无序列表标记------------->
        <ul>
            <li>第一节课</li>
            <li>第二节课</li>
            <li>第三节课</li>
        </ul>


        <!--------ol无序列表标记------------->
        <!--------type的属性值可以为:阿拉伯数字、大小写字母、大小写罗马数字(I/i)------------->
        <!--------value属性可以指定一个新的序列数字起始值------------->
        <ol type=“1”>
            <li value=“3”>第一节课</li>
            <li>第二节课</li>
            <li>第三节课</li>
        </ol>

        <!--------列表可以进行嵌套哦------------->
        <ol type=“A”>
            <li>第一节课</li>
            <li>第二节课
                <ol type=“i”>
                    <li>第i章</li>
                    <li>第ii章</li>
                </ol>
            </li>
            <li>第三节课</li>
        </ol>

        <dl>
            <dt>第一阶段:</dt>
            <dd>学习基础知识</dd>
            <dt>第二阶段:</dt>
            <dd>深入了解实现原理</dd>
        </dl>

        第一段
        <hr />
        第二段。hr是段落之间的分割线哦。。。

        <div>
        div常用来编排一大段的html段落,也可以用于格式化表。
            <div>
            可以多层嵌套使用。
            </div>
        </div>

        <!--------文本标记------------->
        <div>
            <h1>大标题</h1>
            <h2>偏大标题</h2>
            <h6>最小的标题</h6>

            <font size="1" color="red" face="微软雅黑">
                size属性为字体大小,XHTML1.0之后就不支持size(取值1-7)属性啦,默认为3
            </font>
            <font size="3" color="yellow" face="宋体">color为字体颜色</font>
            <font size="7" color="red" face="宋体">face用来定义显示的字体</font>
            <b>看到加粗了木有!</b>
            <i>斜体字</i>

            2<sub>2</sub>
            2<sup>2</sup>


            <cite>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>
            <big><big><big><u>下划线咯,u标记</u></big></big></big>
        </div>
    </body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多