html的标签使用2(一个页面的制作)

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <!-- form标签一般会与input标签连用 -->
    <!-- action属性是跳转的路径 -->
    <!-- 路径分为结对路径和相对路径 -->
    <!-- 绝对路径:盘符开始到文件为止的一个路径 -->
    <!-- 相对路径是:源文件相对于目标文件的相对路径 -->
    <!--method属性:用来明确表单提交的方式 get post ,默认值是get-->
    <!--name属性:表单的名称-->
    <!--get请求:不是特别安全,会把用户信息暴露在地址栏 -->
 <form action="D:学习资料云计算总结第一天deom.html"method="post"name="register">
    <!-- 我们以上一次写的标签1为例子 -->
    <!-- method后面post比gets相对安全 -->
    <!-- 我一般建议直接用绝对路径,因为这样可以防止你找文件的时候出现问题 -->
     <!-- D:学习资料云计算总结第一天deom.html这个就是绝对路径 -->
     <!-- ..第一天deom.html 这个是相对路径,这个需要在前加..-->
    用户名:<input type="text"name="username"id=""><br>
    <!-- 目前name的作用是为了用于锚点的标记 id同理 -->
    密码:<input type="password" name="password"><br>
    <p>
      请输入性别<input type="radio" name="a" >man
      <input type="radio" name="a" >woman
      <!-- radio是单选格,如果后面name不加东西就是多选。如果加了这需要name的命名一样,如果不一样还是多选 -->
    </p>
    <p>
      请输入邮箱:<input type="email">
      具体时间:<input type="time">
    </p>
    <p>
      出生日期:<input type="date">
    </p>
    <p>
        <input type="hidden" value="诚科">
        <!-- hidden是隐藏格式,用户是看不见的 -->
    </p>
    <p>
        请输入爱好:<input type="checkbox" name="" >唱
        <input type="checkbox" name="" >跳
        <input type="checkbox" name="" >rap
        <input type="checkbox" name="" >篮球
        <input type="checkbox" name="" >羽毛球
        <!-- checkbox是多选格,后面不管name一样或者不一样都是可以多选的 -->
    </p>
    <input type="submit">
    <!-- 提交 -->
    <input type="reset">
    <!-- 重置 -->
    <input type="button" value="注册">
    <!-- 按钮 -->
    <input type="image" src="" >
    <!-- 图片提交 需要用到src""这个是专门用来用来链接的,绝对路径你想放上去的图片-->
    <!-- 如果想把按钮名字改掉,这需要在后面加个value=“”在里面输入想改的名字 -->
 </form>   
</body>
</html>

点了提交后就是标签1的内容了
在这里插入图片描述