有几个网页制作的问题不懂，请教一下

1

img

2

img

3

img

你是来请教还是来布置作业。。。

请描述一下每道题具体不懂的地方

img

img

img

第一题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <!-- 第一题 -->
        <table style="border: 1px solid;">
            <tr>
                <td width="70px">用户名：</td>
                <td>
                    <input type="text" placeholder="请输入用户名"/>
                </td>
            </tr>
            <tr>
                <td width="70px">密码：</td>
                <td>
                    <input type="password" value="00000" />
                </td>
            </tr>
            <tr>
                <td width="70px">
                    <input type="button" value="提交"/>
                </td>
                <td></td>
            </tr>
        </table>
        
        
    </body>
</html>

第二题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <style>
      h1{
         color: blueviolet; 
         text-align: center;
      }
      p{
          font-family: "宋体";
          font-size: 30px;
          color: blueviolet;
          text-indent:2em;
      }
      span{
          color: red;
          text-decoration: underline;
      }
    </style>
    <body>
        <!-- 第二题 -->
        <h1>前端开发技术</h1>
        <p>必须掌握基本的Web前端开发技术，其中包括: 
        <span>Css、HTML、DOM、javascript、Ajax</span>等，
        在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
        </p>
    </body>
</html>

第三题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
          .box{
              width: 100px;
              height: 100px;
              background: #666;
              border: 10px #333;
              padding: 10px;
              margin: 20px auto;
              text-align: center;
              color: red;
              font-size: 12px;
          }
        </style>
    </head>
    <body>
        <div class="box">文字</div>
    </body>
</html>

如有帮助，麻烦点个【采纳此答案】 谢谢啦~

1.
<body>
 <form>
   <label>用户名:</label><input type="text" placeholder="请输入用户名"><br>
   <label>密  码:</label><input type="password" placeholder="请输入密码"><br>
   <button type="submit">提交</button>
 </form>
</body>
2.
<style>
    u{
      font-family: 宋体;
      font-size: 30px;
      color: red;
    }
    p{
      font-family: 宋体;
      font-size: 30px;
      color: blueviolet;
      text-indent:2em;
    }
    h1{
      color: blueviolet; text-align: center;
    }
  </style>
</head>
<body>
 <form>
   <label>用户名:</label><input type="text" placeholder="请输入用户名"><br>
   <label>密  码:</label><input type="password" placeholder="请输入密码"><br>
   <button type="submit">提交</button>
 </form>

 <h1>前端开发技术</h1>
 <p >必须掌握基本的Web前端开发技术，其中包括: <u>CSS、HTML、DOM、javascript、Ajax</u>等，在掌握这些技术的同时，还要清楚地了解他们在不同浏览器上地兼容情况，渲染原理和存在的Bug。</p>
</body>

3.
 .box{
      width: 100px;
      height: 100px;
      background-color: #666;
      border-color: #333 10px;
      padding: 10px;
      margin:0 auto;
      margin-top: 20px;
      text-align: center;
      color: red;
      font-size: 12px;
    }