前端面试-HTML入门

2022-06-18 23:34:36 阅读：153 来源： 互联网

1.（1）类型为密码，默认值为"nowcoder"
（2）类型为复选框，且状态为已勾选

<form>
    <!-- 补全代码 -->
    <!--1. 类型为密码，默认值为"nowcoder"-->
    <input name = "password" 
           value = "nowcoder"
           type = "password">
     <!--2. 类型为复选框，且状态为已勾选-->
    <br/>
    <input type = "checkbox" value = "复选框" checked
           id = "checkbox1">
    <lable for = "checkbox1">复选框</lable>
</form>

2.请写出具有表格标题为"nowcoder"的2行3列表格结构。

<table border = 1>
    <!-- 补全代码 -->

       <caption>nowcoder</caption>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>

</table>

3.请写出具有标题属性和代替文本属性的图片标签。

<img src = "地址" alt = "代替文本属性" title = "标题">

4.请写出可以在新窗口打开文档的a标签。

<a target = "_blank" href = "#"></a>

5.请写出列表项为"nowcoder"且列表项内容也为"nowcoder"的自定义列表。

<dl>
    <!-- 补全代码 -->
    <dd>nowcoder</dd>
    <dt>nowcoder</dt>
</dl>

73.使用一个标签将“牛客网”三个字加粗显示

<!--方法一：html-->
<p><strong>牛客网</strong>，程序员必备求职神器</p>

<!--方法二：javascript-->
let p = document.getElementsByTagName("p")[0]

p.innerHTML = p.innerText.replace("牛客网","<strong style='font-weight:999'>牛客网</strong>")

6.请使用语义化标签创建头部标签且包含导航标签。
注意：只需在html模块填写标签结构，有且仅有一个头部标签和一个导航标签。

<!-- 补全代码 -->
<header>
    <nav></nav>
</header>

7.请写出具有控件功能的音频媒体标签。

<!-- 补全代码 -->
<audio src = "路径" controls></audio>

8.请写出具有当视频的媒体数据加载期间发生错误时执行某个方法事件的视频媒体标签。

<!-- 补全代码 -->
<video controls one rror="fn()"></vodeo>

标签：入门,面试,标签,写出,列表,牛客,HTML,nowcoder,复选框
来源： https://www.cnblogs.com/blueberryGargamel/p/16389610.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

前端面试-HTML入门