lovecoding
/
test


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<!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>HTML</li>
        <li>CSS</li>
        <li>Sass</li>
    </ul>

    <!-- 有序列表 -->
    <ol>
        <li>aaaa</li>
        <li>bbbb</li>
        <li>cccc</li>
    </ol>


    <!-- div标签 区块  一般用来布局  里边的文字内容没有任何样式-->
    <div>我是一个<span style="color:red">DIV</span>我是一个DIV我是一个DIV我是一个DIV我是一个DIV我是一个DIV我是一个DIV</div>
    <div>我是一个DIV<strong>我是</strong>一个DIV我是一个DIV我是一个DIV我是一个DIV我是一个DIV我是一个DIV</div>

    <span>我是一个span</span>
    <span>我是一个span</span>
    <strong>普通的文本加粗</strong>
    <b>加粗切重点</b>
    <i>我要边倾斜</i>

    <!-- div当成一个大的容器 span当成是一个小的容器 -->

    <!-- 学习html中的标签 后发现
    块级元素 ：有的标签比较大，它会自己占一行 

    行级元素 ：标签比较小，多个占一个

    标题：h1-h6
    段落：p
    图片：<img src="图片地址">
    列表：
    无序列表
    <ul>
        <li>1111</li>
    </ul>
    有序列表
    <ol>
        <li>1111</li>
    </ol>

    观察自己占一行还是多个站一行
    div span  strong b 加粗 i 斜体
    
    -->
    
</body>
</html>