|
|
@@ -0,0 +1,69 @@
|
|
|
+<!--
|
|
|
+ 文档流: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>
|
e