lovecoding
/
buke


			
				
					
						
						
							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>
    这是一个文字
    <!-- 标题 h1-h6  h1最大-->
    <h1>这是一个标题</h1>
    <h2>这是一个标题</h2>
    <h3>这是一个标题</h3>
    <h4>这是一个标题</h4>
    <h5>这是一个标题</h5>
    <h6>这是一个标题</h6>
    <!-- 段落 一整段文字 -->
    <p>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
    <p>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>

    <!-- 超链接 a
        href属性：跳转地址
        target:_blank 打开新窗口-->
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <!-- 图片  img
        src 图片地址
            图片路径：绝对路径（写死的路径）
            相对路径：./当前路径 /下一级路径 上一级目录../
    -->
    <img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
    <img src="./images/111/img01.jpeg" alt="">
    <img src="../images/111/img01.jpeg" alt="">

    <!-- 列表 -->
    <!-- 无序列表 -->
    <ul>
        <li>aaaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>aaaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ol>
    <!-- 换行 -->
    <br>

    <!-- 区块 一般用来布局 -->
    <!-- div 块级元素 宽度充满父元素，自己占一行 -->
    <div>这是一个div</div>
    <div>这是一个div</div>
    
    <!-- div 行级元素 宽度内容撑的，多个占一行 -->
    <span>我是一个span</span>
    <span>我是一个span</span>
    

</body>
</html>