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

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

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

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

    4,<pre>预格式化标记,保留预先排版好的格式

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

    6,<ul>无序列表标记,表示一个无序的列表

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

      a,格式:<ol type=“符号类型”></ol>,<li type=“符号类型”></li>

      b,有序列表的type属性值:1,阿拉伯数字1,2,3等等,默认type属性值 2,大小写字母  3,大小写罗马数字

      c,value,指定一个新的序列的起始值

      d,列表可以使用嵌套

    8,<dl><dt><dd>定义型列表,使用场合,对列表条目进行简短的说明

      格式:

      <dl>

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

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

        <dt>软件界面</dt>

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

      </dl>

    9,<hr>水平分割线标记,段落与段落之间的分割线

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

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

    eg:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>第四天</title>
    </head>
    <body>
    坚持到第四天了。<br/>非常的不错
    <p>
    坚持到第四天了。<br/>非常的不错
    </p>
    <p>
    <p>
    1234567890
    </p>
    <p>
    1234567890
    </p>
    </p>
    <p>
    <center>坚持到第四天了。<br/>非常的不错</center>
    </p>
    <p>
    <pre>坚持到第四天了 非常的不错</pre>
    </p>
    <li>第一天</li>
    <li>第二天</li>
    <li>第三天</li>
    <li>第四天</li>
    <ul>
    <li>第一天</li>
    <li>第二天</li>
    <li>第三天</li>
    <li>第四天</li>
    </ul>
    <ol type="a">
    <li>第一天
    <ol type="1">
    <li>第一天</li>
    <li>第二天</li>
    <li>第三天</li>
    <li>第四天</li>
    </ol>
    </li>
    <li>第二天</li>
    <li>第三天</li>
    <li>第四天</li>
    </ol>
    <hr>
    <dl>

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

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

        <dt>软件界面:</dt>

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

      </dl>
    <div>
    第四天了<hr>
    第四天了

    </div>
    <div>
    第四天了<hr>
    第四天了

    </div>
    </body>
    </html>
  • 相关阅读:
    鼠标拖拽窗口效果(不允许拖出屏幕的可视区域)
    react-context
    上下固定,中间自适应布局
    左右固定,中间自适应布局
    leetcode每日一题(2020-07-03):108. 将有序数组转换为二叉搜索树
    leetcode每日一题(2020-07-02):378. 有序矩阵中第K小的元素
    leetcode每日一题(2020-07-01):718. 最长重复子数组
    leetcode每日一题(2020-06-30):剑指 Offer 09. 用两个栈实现队列
    leetcode每日一题(2020-06-29):215. 数组中的第K个最大元素
    leetcode每日一题(2020-06-28):209. 长度最小的子数组
  • 原文地址:https://www.cnblogs.com/lzp1103/p/7786875.html
Copyright © 2011-2022 走看看