<!-- 基础学习 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基础标签</title>
</head>
<body></body>
<!-- 字体大小 -->
<h1>一级标题</h1>
<h6>一级标题</h6>
<!-- p*2 + tab 生成2个P标签 -->
<p></p>
<p></p>
<!-- p>loram + tab 生成P标签 在P标签内部添加一段假文 -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi ab laboriosam neque magnam hic sapiente ducimus reiciendis ut cum sit amet labore asperiores nulla eaque, facere, totam esse consequatur et?</p>
<!-- p*2>lorem 生成两个p标签 每个p标签里面都有一段假文 -->
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam inventore repellat quia eos accusantium officiis, temporibus nisi repellendus tempore quos esse voluptatibus voluptates eligendi pariatur earum fugiat labore accusamus maxime?</p>
<p>Reprehenderit aliquam doloribus nobis impedit a veritatis ullam cupiditate magni accusamus pariatur tempora nam, voluptates ea, eum soluta in unde ad sint vitae. Perspiciatis, repellat. Aliquid illo praesentium excepturi provident.</p>
<!-- span 行区分标签,只有这一段位置进行变更, style="color: red;"颜色 -->
<p>
Lorem,
<span style="color: red;">
ipsum dolor
</span>
sit amet consectetur adipisicing elit. Saepe, quae! Pariatur aspernatur consequatur facere explicabo, accusamus laudantium nobis placeat, voluptatibus odit id assumenda! Delectus fugiat voluptatibus ea? Blanditiis, fugiat ipsum.
</p>
<!-- u下划线,b加粗,i倾斜 -->
<!-- br 换行 -->
<!-- < >左右尖括号-->
<br>
<u>
<b>
<i>
<u下划线,b加粗,i倾斜>
</i>
</b>
</u>
<br>
<!-- strong强调的 文本 -->
<!-- hr 水平线 -->
<hr>
<strong>强调的 文本</strong>
<hr>
<!-- 一个空格 -->
<b>一个 空格</b>
<!-- ¥人民币符号 -->
<strong>只要¥998</strong>
<i>版权符号©xin</i>
</body>
</html>
HTML--基础标签
猜你喜欢
转载自blog.csdn.net/zhouzongxin94/article/details/119699928
今日推荐
周排行