HTML的常用标签

最新推荐文章于 2022-12-05 20:29:00 发布

小黄果

最新推荐文章于 2022-12-05 20:29:00 发布

阅读量97

点赞数

分类专栏：前端 HTML 文章标签： html

本文链接：https://blog.csdn.net/sen_03/article/details/109458356

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

HTML

1 篇文章 0 订阅

订阅专栏

HTML的常用标签：https://www.cnblogs.com/xi1419/p/10117091.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用标签</title>
    <!-- style标签设置样式 -->
    <style type="text/css">
        tr{
        color: red;
    }
    </style>
    <!-- <link rel="stylesheet" type="text/css" href="引入css的路径"> -->
</head>
<body>
    <!-- form标签实现与服务器数据交流 -->
    <form action="表单提交路径" method="post" enctype="multipart/form-data">
        <a href="https://www.baidu.com" target="_blank">a标签-百度</a>
        <a href="#username" target="_self">a标签-锚点</a>
        <div>我是div</div>
        <span>我是span</span>

        <!-- ul无序、ol有序、dl标题 列表 -->
        <ul type="disc">
            <li>ul无序列表</li>
            <li>ul无序列表</li>
        </ul>
        <!-- <ul type="circle"> -->
        <ul type="square">
            <li>ul无序列表</li>
            <li>ul无序列表</li>
        </ul>
        <ol type="I" start="2">
            <li>ol有序列表</li>
            <li>ol有序列表</li>
        </ol>

        <dl>
            <dt>dl自定义列表里的标题1</dt>
            <dd>内容1</dd>
            <dt>标题2</dt>
            <dd>内容2</dd>
        </dl>

        <!-- 表格 -->
        <table border="1" cellpadding="3" cellspacing="3" >
            <thead>
                <tr>
                    <th>序号</th>
                    <th>班级</th>
                    <th>姓名</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>一班（一般）</td>
                    <td>法外狂徒张三</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td colspan="2">二班（二蛋）</td>
                    <!-- <td>日天</td> -->
                </tr>
            </tbody>

        </table>

        <!-- input输入、单选、多选、文件上传、日期时间、下拉选项 -->
        <div>
            <!-- label for属性和id一样就关联在一起 点击获得光标-->
            <label for="username">用户</label>
            <!-- disabled放在form表单中提交后得不到该值
            将disabled="disabled" 改为 readonly = "readonly"只读即可
            -->
            <input id="username" type="text" name="zh">
        </div>
        <div>
            <!-- label另一种转到光标方法 -->
            <label>密码
                <!-- password不显示明文 -->
            <input type="password" name="mm">
            </label>
        </div>
        <div>
            <label>头像
                <input type="file" name="avatar">
            </label>
        </div>

        <div>日期
            <input type="date" name="date">
        </div>
        <p>时间
            <input type="time" name="time">
        </p>
        <P>性别
            <!-- type="radio"单选框 -->
            <input type="radio" name="boy">男
            <input type="radio" name="girl">女
        </P>
        <p>爱好
            <!-- type="checkbox"复选框 checked设置默认选项-->
            <input type="checkbox" name="hobby" checked value="girl">女
            <input type="checkbox" name="hobby" value="boy">男
            <input type="checkbox" name="hobby" value="baoj">别开车
            <input type="checkbox" name="hobby" value="dy">电影
        </p>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
        <input type="button" value="普通按钮">
        <input type="hidden" value="隐藏输入框">
        <input type="file" name="文本框">

        <!-- select下拉选项 -->
        <div>
            <!-- <select name="city" id="city" multiple> 设置成多选-->
            <select name="city" id="city">
                <option value="1">北京</option>
                <!-- selected="selected"设置成default-->
                <option selected="selected" value="2">上海</option>
                <option value="3">广州</option>
                <option value="4">深圳</option>
            </select>
        </div>

        <!-- textarea 多行文本 rows行数 cols列数 disabled="disabled" 禁用-->
        <textarea name="多行文本" rows="10px" cols="20px" >
            ...
        </textarea>
    </form>

</body>
<!-- <script type="text/javascript" src="引入js的路径"></script> -->
<script>
    console.log('%好求余数：'+ 20 % 3)
</script>
</html>

HTML全部标签：https://blog.csdn.net/soraduo/article/details/98178484

小黄果

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的常用标签

HTML的常用标签：https://www.cnblogs.com/xi1419/p/10117091.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用标签</title>  <style type="text/css">
复制链接

扫一扫

专栏目录