码迷,mamicode.com
首页 > Web开发 > 详细

HTML的day1

时间:2018-04-27 02:36:11      阅读:450      评论:0      收藏:0      [点我收藏+]

标签:第四章   word   ref   sel   input   put   第一章   内容   web   

a标签和锚点

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


<!--超链接地址前加http&ndash;&gt; http://www.baidu.com-->
<a href="http://www.baidu.com" target="_blank">百度</a><br/>
<a href="#i1">第一章</a>&nbsp;
<a href="#i2">第二章</a>&nbsp;
<a href="#i3">第三章</a>&nbsp;
<a href="#i4">第四章</a>&nbsp;
<div id="i1" style="height: 500px;"><a>第一章内容</a></div>
<div id="i2" style="height: 500px;"><a>第二章内容</a></div>
<div id="i3" style="height: 500px;"><a>第三章内容</a></div>
<div id="i4" style="height: 500px;"><a>第四章内容</a></div>

</body>
</html>

 

 

html的form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单测试搜索</title>
</head>
<body>

<!--<form action="https://www.sogou.com/web" method="get">-->
<!--<div>-->
<!--<input type="text" name="query"    />-->
<!--<input  type="submit" value="搜索"/>-->
<!--</div>-->
<!--</form>-->

<div>

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <span>hello</span>
    <span>hello</span>
    <span>hello</span>
</div>


<form action="" method="get" enctype="multipart/form-data">
    <div>
        <input type="password" value="密码框">
        <input type="text"     value="默认文本框">
        <input type="button"   value="登录">
        <p>请输入你的选择</p>
        <p><input type="radio" name="genetor" value="1"/></p>
        <p><input type="radio" name="genetor" value="2"/></p>
        <p><input type="checkbox" name="fav",value="1">长江</p>
        <p><input type="checkbox" name="fav",value="2" checked="checked">黄河</p>
        <p><input type="file" name="fname">上传文件</p>
        <p><input type="submit" value="提交"/></p>
        <p><textarea name="meno">多行文本此处为默认值</textarea></p>
        <p><select name="city" multiple="multiple">

            <optgroup label="江苏">

                <option value="1">常州</option>
                <option value="2">镇江</option>
                <!--selected表示默认勾选-->
                <option value="3" selected="selected">无锡</option>

            </optgroup>



        </select></p>
        <p><input type="reset" value="重置"></p>

    </div>
</form>


</body>
</html>

 

HTML的day1

标签:第四章   word   ref   sel   input   put   第一章   内容   web   

原文地址:https://www.cnblogs.com/nodchen/p/8955813.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!