lovecoding
/
Vip0525


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
							<!-- 
    文档流:shift + ！ 回车
 -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- 适用于移动端 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
        标签：
            1.文档标签：文档流
            2.按照是否换行区分：
                换行：块级元素
                不换行
            3.按照是否闭合区分：
            4.H5新特性（暂时不讲）
     -->
    <!-- 
        换行：块级元素 独占一行
        1.h标签 h1-h6 逐级递减 放大/缩小 加粗 
        2.p标签 放置段落文本内容
        3.br标签 换行
        4.hr标签 分割线
        5.div 划分区域
        6.ul li 无序列表
            属性：type类型
                circle 空心圆
                square 正方形
                disc 实心圆 默认样式
        7.ol li 有序列表
            属性：type类型: 1 a A i I
                start 起始值
                reversed 倒序
      -->
    <div>
      <h1>111</h1>
      <h2>222</h2>
      <h3>333</h3>
      <h4>444</h4>
      <h5>555</h5>
      <h6>666</h6>
    </div>
    <p>
      我是一段内容我是一段内容我是一段内容我是一段内容我是一段内容<br />
      我是一段内容我是一段内容我是一段内容我是一段内容我是一段内容<br />
      我是一段内容我是一段内容
    </p>
    <p>
      我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字
    </p>
    <hr />
    <hr />
    <hr />
    <ul type="disc">
        <li>aaa</li>
        <li>aaa</li>
        <li>aaa</li>
    </ul>
    <ol type="1"  reversed>
        <li>aaa</li>
        <li>aaa</li>
        <li>aaa</li>
    </ol>
  </body>
</html>