美文网首页
简单的标签

简单的标签

作者: 动感超人丶 | 来源:发表于2017-08-19 21:43 被阅读7次

自己学习过程中记录下来的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div>

    <h1>搜狐</h1>
    <ul>

        <li>第一个</li>
        <li>第一个</li>
        <li>第一个</li>
        <li>第一个</li>
        <li>第一个</li>

    </ul>
    <ol>

        <li>第一个</li>
        <li>第一个</li>
        <li>第一个</li>
        <li>第一个</li>
        <li>第一个</li>

    </ol>
    <p style="color: aqua; background-color: aliceblue">&nbsp;这是一个段落,这是人民币&yen;这是版权&copy;</p>
</div>
<!--合并单元格-->
    <table border="1" style="background-color: red" cellpadding="0" cellspacing="0">

        <tr>
            <td colspan="2">&nbsp;哈哈</td>
            <td>啦啦</td>

        </tr>
        <tr>
            <td>阿斯蒂芬</td>
            <td>让我</td>
            <td>发</td>

        </tr>
        <tr>
            <td>发</td>
            <td>斯蒂芬</td>
            <td><啊啊/td>

        </tr>
    </table>
<br />

<!--合并单元格-->
    <table border="1" style="background-color: red" cellpadding="0" cellspacing="0">

        <tr>
            <td>啦啦</td>
            <td colspan="2">&nbsp;哈哈</td>

        </tr>
        <tr>
            <td rowspan="2">阿斯蒂芬</td>
            <td>让我</td>
            <td>发</td>

        </tr>
        <tr>

            <td>斯蒂芬</td>
            <td>啊啊</td>

        </tr>
        <tr>
            <td>发</td>
            <td>斯蒂芬</td>
            <td><啊啊</td>

        </tr>
    </table>

<!--表单提交-->
<form action="xx.php">
    <!--单行文本框-->
    账号<input type="text" name="username" value="张三" size="10" maxlength="5"/>
    <br />

    <!--密码-->
    密码<input type="password" name="pwd" />
    <br />

    <!--单选框-->
    <input type="radio" name="sex" value="男"/>男
    <input type="radio"  name="sex" value="女"/>女
    <br />

    <!--复选框-->
    <input type="checkbox" name="hobby" value="足球" />足球
    <input type="checkbox" name="hobby" value="排球" />排球
    <input type="checkbox" name="hobby" value="打游戏" checked="checked"/>打游戏
    <input type="checkbox" name="hobby" value="唱歌" />唱歌
    <br />

    <!--多行文本框-->
    <div>
        请留言<textarea rows="5" cols="30" name="content">请输入留言内容,我暂时不在</textarea>
    </div>

    <!--下拉列表-->
    <div>
        <select name="city">
            <option value="bj">北京</option>
            <option value="sh">上海</option>
            <option value="cd">成都</option>

        </select>
    </div>

    <!--隐藏域-->
    <input type="hidden" name="this_is_hidden"/>

    <!--文件域-->
    <input type="file" name="file">

    <!--按钮3种-->
    <input type="submit" value="提交" />
    <input type="image" src="图片地址" />
    <br />
    <input type="reset" value="重新设置" />
    <br />
    <input type="button" value="普通按钮" onclick="javascript:window.alert('弹出一个提示框')"/>

</form>

</body>
</html>

相关文章

  • 简单的标签

    自己学习过程中记录下来的

  • 简单的 Meta标签

    今天来聊一点简单的东西;为什么我们编辑器中的快捷代码段中都会有一个 这个我相信大家都知道是干什么的;今天我想说的是...

  • 简单的标签搜索

    工具 Python3版本 lxml库【优点是解析快】 HTML代码块【从网络中获取或者自己杜撰一个】 reques...

  • 自定义标签

    自定义标签的开发步骤 简单标签

  • HTML常用标签

    这篇文章将简单介绍几个在HTML常用的标签:iframe标签、a标签、form标签、input标签、button标...

  • HTML 简单标签

    最近在自学前端语言,跟着慕课网上的课程学习,随手记下的笔记,亲如果看着异常熟悉那很可能就是同在一起奋斗的小码农了,...

  • css简单标签

    使用简单的css制作如下样式标签: 其中css的伪类选择器:empty注意下: 1.伪类选择器::empty(该元...

  • HTML代码

    段落标签 换行标签 标题标签(至6) 加粗标签(强调语句) 加粗标签(简单加粗) 超链接标签...

  • 列出常见的标签,并简单介绍这些标签用在什么场景

    列出常见的标签,并简单介绍这些标签用在什么场景

  • html笔记

    p标签: 段落标签br标签: 简单换行h1-h6: 标题标签hr标签: 水平分割线, 华丽的分割线font标签: ...

网友评论

      本文标题:简单的标签

      本文链接:https://www.haomeiwen.com/subject/mmlxdxtx.html