fe5-1：HTML知识

时间 2020-02-09

标签 fe5 html 知识栏目 HTML 繁體版

原文原文链接

head标签订义的东西不显示出来，样式、编码之类的
title标签设置网站的页面文件的标题（网站名）
meta 中chaeset用来声明网页编码
body标签订义的为显示内容
input标签用于定义输入框
button标签用于定义按钮
span标签会使组里的元素保持在同一行
br至关于网页上的回车（换行）
:这是HTML的注释css

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Dome</title>
        <style>
            .radio-button {
                display: inline-block;
                padding: 10px;
                cursor: pointer;
            }
            .active {
                background: red;
            }
        </style>
    </head>
    <body>
        <!-- 注意, 每一个标签都有 class 和 id 这两个属性 -->
        <!-- class 能够重复, id 不能重复 -->
        <div class=login-form>
            <input id=id-input-username type="text" value="mengxin">
            <br>
            <input id="id-input-password" type="password" value="mengxin">
            <br>
            <button id="id-button-login">登陆按钮</button>
        </div>

        <!-- 这是一个选项卡的例子 -->
        <div class="radio-control">
            <!-- 能够设置多个 class, 用空格分开 -->
            <span class="radio-button active">html</span>
            <span class="radio-button">js</span>
            <span class="radio-button">css</span>
        </div>
        <!--  -->
    </body>
</html>