lovecoding
/
2023-05-27


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546
							<!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>Document</title>
</head>
<body>
    <!-- 无序列表 -->
    <ul>
        <li>列表</li>
        <li>列表</li>
        <li>列表</li>
    </ul>

    <!-- 有序列表 -->
    <ol>
        <li>列表2</li>
        <li>列表2</li>
        <li>列表2</li>
    </ol>

    <!-- 区块  一般用来布局 -->
    <div>
        我是一个div1
    </div>
    <div>
        我是一个div2<span style="color:red">我是</span>一个div2<strong>我是</strong>一个div2<i>我是</i>一个div2我是一个div2我是一个div2我是一个div2我是一个div2
    </div>
    <!-- 小标签 -->
    <span>我是一个span1</span>
    <span>我是一个span2更好的复工后浮动后个返点换个地方</span>

    <strong>加粗</strong>
    <i>斜体</i>
    <!-- div比较大的标签 span小
       块级元素  div自己占一行 宽度充满父元素
       div h1-h5 p ul li
       行级元素  span多个占一行 宽度是内容撑的
       a span strong i 
    -->
    

</body>
</html>