第0402课：html5文档结构与属性

第0402课：html5文档结构与属性

CSS样式1：重置元素样式

<style>
    body,h1{ /* 初始化body 和h1标签 */
        margin: 0;
        padding: 0;
    }
</style>

CSS样式2：定义一个css引用类

<style>
    .bg{ /* 元素引用类 */
        color: #ffffff;
        background-color: #ff0000;
    }
</style>

CSS样式3：块状化非块元素

<style>
    h1,a,form{
        display: block;/*块状化h1 a form方便排版，正常不需设置 */
        margin: 0 20px 20px;
    }
</style>

---

HTML结构1：html h1元素的基本用法

<h1 class="bg">PHP中文网欢迎第十一期的学员......</h1>

HTML结构2：html a标签的用法

    <!--
        a标签 target="_blank"属性 设置新打开打一个目标文档；
        a标签 title属性，为提示文本
    -->
<a href="https://www.php.cn/" target="_blank" title="php中文网">php中文网-程序员的加油站！</a>

HTML结构3：html 表单元素及内部元素的基本用法

    <form action="0403/index.php" method="POST">
        <!-- label标签中for属性用于与指定表单中的元素绑定 -->
        <label for="input_email">Email:</label>
        <!--
            placeholder为输入字段的提示信息；
            required为input的提交前必填属性，required属性值默认为required即必须填写,非必填不写required属性即可；
        -->
        <input type="text" placeholder="Email" id="input_email" name="input_name" required/>
        <button>提交</button>
    </form>