前端-笔试刷题-表单表格列表图像

  • 题目描述
    请依次写出以下类型的输入框。
  1. 类型为密码,默认值为"nowcoder"
  2. 类型为复选框,且状态为已勾选
点击查看代码
<form>
    <!-- 补全代码 -->
    <input type="password" value="nowcoder" />
    <input type="checkbox" checked="checked" />
</form>
效果: ![](https://img2023.cnblogs.com/blog/2208309/202303/2208309-20230317093959095-157005416.png) * **题目描述** 请写出具有表格标题为"nowcoder"的2行3列表格结构。
点击查看代码
<table width="100" height="50" border="1">
    <!-- 补全代码 -->
    <caption>nowcoder</caption>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
     <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

效果图:

  • 描述
    请写出具有标题属性和代替文本属性的图片标签。
点击查看代码
<!-- 补全代码 -->
<img src="图片地址链接" title="标题属性" alt="代替文本属性">
效果图: ![](https://img2023.cnblogs.com/blog/2208309/202303/2208309-20230317104246796-78675396.png) * **题目描述** 请写出列表项为"nowcoder"且列表项内容也为"nowcoder"的自定义列表。
点击查看代码
<dl>
    <!-- 补全代码 -->
    <dt>nowcoder</dt>
    <dd>nowcoder</dd>
</dl>
**解析:** 自定义列表的结构为dl包裹dt包裹dd dl是自定义列表的整体,用于包裹dt和dd dt是表示自定义列表的主题 dd是表示针对自定义列表主题的每一项内容 效果图: ![](https://img2023.cnblogs.com/blog/2208309/202303/2208309-20230317105449923-1013416744.png)
  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

posted @ 2023-03-17 10:44  权世界  阅读(11)  评论(0编辑  收藏  举报