HTML – 1、基础-牛翰网

<!DOCTYPE html>
<!-- 指定网页内容的语言 -->
<html lang="en">

<head>
    <!-- 字符编码 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面标题</title>
    <style>
        span{
            color: red;
        }
    </style>
</head>

<body>
    <!-- 文字滚动
    loop="1" 只播放一次 
    loop="infinite" 无限循环 -->
    <marquee loop="1"> 文字滚动 ... </marquee>
    <!-- 输入框 -->
    <input type="text">
    <!-- 标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <div>
        <p>段落</p>
    </div>

    <!-- 块级元素，特点：独占一行 -->
    <marquee>滚动1</marquee>
    <marquee>滚动2</marquee>
    <h1>一级标题</h1>
    <h1>一级标题</h1>
    <p>这是一个段落</p>
    <p>这是一个段落</p>
    <div>块元素</div>
    <div>块元素</div>

    <!-- 行内元素，特点：不独占一行 -->
    <input type="text">
    <input type="text">
    <span>行内元素</span>
    <span>行内元素</span>  

    <!-- 规则1：块级元素中能写：行内元素、块级元素（几乎什么都能写） -->
    <div>
        <span>行内元素1</span>
        <input type="text">
        <div>块元素</div>
    </div>

    <!-- 规则2：行内元素中能写：行内元素，但不能写：块级元素 -->
    <span>
        <span>行内元素1</span>
        <input type="text">
        <span>行内元素2</span>
    </span>
    <span>行内元素4</span>

    <!-- 特殊规则：h1-h6不能互相嵌套 -->
    <h1>
        一段内容
        <h2>一段内容2</h2>
    </h1>

    <!-- 特殊规则：p标签中不能写块元素 -->
    <p>
        <h1>一级标题</h1>
    </p>

    
</body>

</html>

来源链接：https://www.cnblogs.com/lwehne/p/18712545

本站所有资源来自于网络，仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您(转载者)自己承担！
如有侵犯您的版权，请及时联系3500663466#qq.com(#换@)，我们将第一时间删除本站数据。

THE END