HTML文档设置标记

最新推荐文章于 2022-11-26 10:25:04 发布

danruoxiachu

最新推荐文章于 2022-11-26 10:25:04 发布

阅读量2.1k

点赞数 4

分类专栏：前端基础文章标签： html 字体文档

本文链接：https://blog.csdn.net/danruoxiachu/article/details/51503330

版权

前端基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

<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>

danruoxiachu

关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
HTML文档设置标记

1、格式标记 强制换行 换段落标记 <center> 居中对齐标记 <pre>预格式化标记 <li>列表项目标记 <ul>无序列表标记 <ol>有序列表标记 <dl><dt><dd>定义型列表 <hr>单标记，水平分割线标记 <div>分区显示标记，也称为层标记 2、文本标记 <hn>标题标记，共有6个级别，不同级别对应显示大小不同的标题 字体设置
复制链接

扫一扫