HTML5笔记

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>

<!-- 
标签分为:块属性标签  和  行属性标签
-->

<!-- 一,块属性标签 -->
<!-- 1,div 标签, 本身无实意-->


<div>你</div>
<div>好</div>


<!-- 
2,h1-h6 标题标签
h1 标签对  SEO 优化权重较高
h2 标签次之
h1在页面中最多出现一次,
h2在页面中出现次数不超过20次,
h3-h6出现次数不限
开发过程中我们常用h1-h4
-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>


<!-- 
3,p标签;代表段落,
通常情况下p标签中存储的是一段内容
-->
<p>明月几时有,把酒问青天..&nbsp;.</p>
<!-- 转义字符;&nbsp;等 -->
<!-- 
4,,hr;分割线
-->
<hr>


<!-- br;换行标签 -->
床前明月光,<br>疑是地下霜.

<!-- sup;  右上角图标 -->
x <sup>2</sup> + y <sup>2</sup> =4
<!-- sub;右下角图标 -->
x <sub>1 </sub> =1;


<!-- 
5,无序列表
ul  ;块属性标签,代表无序列表
li   ;列表项,块属性标签
    开发过程中,ul通过与li配合使用
-->
<ul>
<li>唧唧复唧唧</li>
<li>木兰当户织</li>
</ul>
<!-- 6,有序列表
ol  ;;块属性标签,代表有序列表
li   ;列表项,块属性标签
    开发过程中,ol通过与li配合使用
-->
   
   <ol>
    <li>床前明月光,</li>
    <li>疑是地下霜</li>
   </ol>
<hr>
    <!-- 二,行属性标签 -->
<span>蓝</span>
<span>欧</span>

</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值