|
|
@@ -43,11 +43,36 @@
|
|
|
dd 放置文字
|
|
|
-->
|
|
|
<div>划分区域</div><div>划分区域</div><div>划分区域</div><div>划分区域</div><div>划分区域</div>
|
|
|
+ <!--
|
|
|
+ HTML语义化：
|
|
|
+ 1.方便开发 这个位置的内容含义
|
|
|
+ 2.方便搜索引擎查找
|
|
|
+
|
|
|
+ 行内元素:在一行展示 且无法设置宽高
|
|
|
+ b 加粗 单纯的样式加粗
|
|
|
+ strong 加粗 具备HTML语义化
|
|
|
+ i 倾斜 单纯的样式倾斜
|
|
|
+ em 倾斜 具备HTML语义化
|
|
|
+ u 下划线
|
|
|
+ s 删除线
|
|
|
+ sub 下标
|
|
|
+ sup 上标
|
|
|
+ span 划分区域
|
|
|
+ a 跳转 超链接
|
|
|
+ href:
|
|
|
+ a.放置跳转的网页路径
|
|
|
+ b. # 跳到页面顶部
|
|
|
+ c."" 空字符串 刷新页面
|
|
|
+ -->
|
|
|
+
|
|
|
+ <p>一段<b>文字</b>一段文字<strong>一段</strong>文字一段<sub>文字</sub>一段文字一<sup>段文</sup>字一段文字</p>
|
|
|
+ <p>一段<i>文字</i>一段文字<em>一段</em>文字一段文字一段文字一段文字一段文字</p>
|
|
|
+ <p>一段<u>文字</u>一段文字<s>一段</s>文字一段文字<br>一段文字一段文字一段文字</p>
|
|
|
+ <p>一段<span style="color: aqua;">文字一</span>段文字一段文字一段文字一段文字一段文字一段文字</p>
|
|
|
<p>一段文字一段文字一段文字一段文字一段文字一段文字一段文字</p>
|
|
|
- <p>一段文字一段文字一段文字一段文字一段文字一段文字一段文字</p>
|
|
|
- <p>一段文字一段文字一段文字一段文字<br>一段文字一段文字一段文字</p>
|
|
|
- <p>一段文字一段文字一段文字一段文字一段文字一段文字一段文字</p>
|
|
|
- <p>一段文字一段文字一段文字一段文字一段文字一段文字一段文字</p>
|
|
|
+ <a href="#">一个超链接</a>
|
|
|
+ <a href="">一个超链接2</a>
|
|
|
+ <a href="https://www.bilibili.com/video/av85759008/?from=search&seid=14802132682576891182">我想跳转页面</a>
|
|
|
<hr>
|
|
|
<hr>
|
|
|
<hr>
|
e