前端面试-HTML入门

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