fe5-1：HTML知识

2024年3月10日 170次阅读 来源: 洛神_醉梦心

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

<!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>
    原文作者：洛神_醉梦心
    原文地址: https://segmentfault.com/a/1190000018852310
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞