|
@@ -0,0 +1,70 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="en">
|
|
|
|
|
+ <head>
|
|
|
|
|
+ <meta charset="UTF-8" />
|
|
|
|
|
+ <title>Document</title>
|
|
|
|
|
+ </head>
|
|
|
|
|
+ <body>
|
|
|
|
|
+ <!--
|
|
|
|
|
+ 文档流快捷键 shift + ! 回车
|
|
|
|
|
+ -->
|
|
|
|
|
+ <!--
|
|
|
|
|
+ 标签：开始标签 结束标签
|
|
|
|
|
+ 1.文档标签： 文档流
|
|
|
|
|
+ 2.按照是否换行去分：块级元素 与 行内元素
|
|
|
|
|
+ -->
|
|
|
|
|
+ <!--
|
|
|
|
|
+ 块级元素：独占一行
|
|
|
|
|
+ 1.h 标签 标题标签
|
|
|
|
|
+ h1~h6 逐级递减
|
|
|
|
|
+ 特点：放大/缩小 加粗
|
|
|
|
|
+ 2.p 标签 放置段落文本
|
|
|
|
|
+ 3.br 换行
|
|
|
|
|
+ 4.hr 分割线
|
|
|
|
|
+ 5.div 划分块级区域
|
|
|
|
|
+ 6.ul li 无序列表标签
|
|
|
|
|
+ 属性：type
|
|
|
|
|
+ square 正方形
|
|
|
|
|
+ circle 空心圆形
|
|
|
|
|
+ disc 实心圆 默认样式
|
|
|
|
|
+ 7.ol li 有序列表标签
|
|
|
|
|
+ 属性：type:1 i I a A
|
|
|
|
|
+ reversed 倒序
|
|
|
|
|
+ start 起始值
|
|
|
|
|
+ -->
|
|
|
|
|
+
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div>头部</div>
|
|
|
|
|
+ <div>主体</div>
|
|
|
|
|
+ <div>尾部</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>1111</div>
|
|
|
|
|
+ <div>222</div>
|
|
|
|
|
+ <h1>第一天</h1>
|
|
|
|
|
+ <h2>第一天</h2>
|
|
|
|
|
+ <h3>第一天</h3>
|
|
|
|
|
+ <h4>第一天</h4>
|
|
|
|
|
+ <h5>第一天</h5>
|
|
|
|
|
+ <h6>第一天</h6>
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 这是一段熟悉技能这是一段熟悉技能这是一段熟悉技能这是一段熟悉技能<br /><br />
|
|
|
|
|
+ 这是一段熟悉技能这是一段熟悉技能这是一段熟悉技能这是一段熟悉技能<br />
|
|
|
|
|
+ 这是一段熟悉技能这是一段熟悉技能
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <hr />
|
|
|
|
|
+ <hr />
|
|
|
|
|
+ <p>
|
|
|
|
|
+ 这是一段自我介绍这是一段自我介绍这是一段自我介绍这是一段自我介绍这是一段自我介绍这是一段自我介绍这是一段自我介绍这是一段自我介绍
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul type="disc">
|
|
|
|
|
+ <li>1</li>
|
|
|
|
|
+ <li>2</li>
|
|
|
|
|
+ <li>3</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <ol type="1" start="51">
|
|
|
|
|
+ <li>aa</li>
|
|
|
|
|
+ <li>bb</li>
|
|
|
|
|
+ <li>cc</li>
|
|
|
|
|
+ </ol>
|
|
|
|
|
+ </body>
|
|
|
|
|
+</html>
|
e