打卡【1】

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>任务一：零基础学html</title>
    </head>
    <body>
        <ul>
            <li><a href="#">section-one</a></li>
            <li><a href="#">section-two</a></li>
            <li><a href="#">section-three</a></li>
            <li><a href="#">section-four</a></li>    
        </ul>
        <ol>
            <li>好好学习</li>
            <li>天天向上</li>
            <li>呀呀呀呀呀</li>
        </ol>
        <a href="https://www.baidu.com"><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt="百度一下" title="百度一下"></a>
        <h1>1-pragragh</h1>
        <h2>2-pragragh</h2>
        <h3>3-pragragh</h3>
        <P>来个表格</p>
        <table border="1">
            <caption>我的表格</caption>
            <tr>
                <th>姓名</th>
                <th colspan="2">电话</th>
            </tr>
            <tr>
                <th>ll</th>
                <th>2222</th>
                <th>3333</th>
            </tr>    
        </table>
        </br>
        <!--文本域textfield-->
        <form>
            名：
            <input type=“text” name="firstname"><!--name:定义input属性的名称-->
            姓：
            <input type="text" name="lastname">
        </form>
    
        </br>
        <!--密码域-->
        <form>
            用户名：
            <input type="text" name="user">
            密码:
            <input type="password" name="password">
        </form>
        </br>
        <!--复选框-->
        <form>
            banana:
            <input type="checkbox" name="banana">
            apple:
            <input type="checkbox" name="apple">
        </form>
        </br>
        <!--单选按钮-->
        <form>
            男：
            <input type="radio" checked="checked" name="sex" value="male">
            女：
            <input type="radio" name="sex" value="famale"> 
        </form>
        </br>
        <!--下拉列表-->
        <form>
            <select name="city" >
                <option value="北京" selected="selected">北京</option>
                <option value="上海">上海</option>
                <option value="天津">天津</option>
            </select>
        </form>
        </br>
        <!--textarea-->
        <form>
            <textarea cols="20" rows="10">
            </textarea>
        </form>
        </br>
        <!--创建按钮：在按钮上加上你喜欢的文字-->
        <form>
            <input type="button" value="戳我">
        </form>
        </br>
        <!--围绕数据的fieldset-->
        <form>
            <fieldset>
                <legend>我的个人信息</legend>
                    姓名：<input type="text">
                    年龄：<input type="text">
                <input>
            </fieldset>
        </form>
        </br>
        <!--带有输入框和确认按钮的表单-->
        <form action="111"><!--提交的表单将会发送到111页面-->
            用户名：
            </br>
            <input type="text"></br>
            密码：
            </br>
            <input type="password">
            </br>
            <input type="submit" value="submit">
        </form>
        </br>
        <!--表单发送电子邮件-->
        <form action="mailto:...@..." method="post" enctype="text/plain">     <!--提交后，邮件发送的位置
                                                                              form的enctype属性规定在发送表单数据之前如何对其进行编码。
                                                                              application/x-www-form-urlencoded：在发送前编码所有字符（默认）

                                                                              multipart/form-data：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。

                                                                              text/plain：空格转换为 "+" 加号，但不对特殊字符编码。-->
            name:</br>
            <input type="text" name="yourname" value="yourname"></br>
            mail:</br>
            <input type="text" name="yourmail" value="yourmail"></br>
            comment:</br>
            <input type="text" name="comment" value="comment"></br>
            <input type="submit" value="发送">
            <input type="reset" value="重置">
        </form>        
    </body>
</html>
2017-09-25