【面试宝典】 图像标签属性、新窗口打开文档、自定义列表、加粗文字

CSDN话题挑战赛第2期
参赛话题：面试宝典

 

众人拾柴火焰高，我们一起携手共筑面试宝典，将各语言各技术各类面试真题或者你刷过的面试题汇聚于此，金九银十之际，让我们助应聘同学一臂之力

面试流程

面试流程有七步：
(1)问候场白；
(2)公司简介、职位简介；
(3)面试流程介绍；
(4)围绕简历提问；
(5)试探性提问；
(6)轻松题；
(7)向面试官提问；

面试题

面试题一： 图像标签属性

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

问题剖析：

 图片标签为是单标签，其中的标题属性为title,代替文本属性为alt 代码

问题解答：

<img arc="图片地址" alt="代替文本" title="标题">

面试题二：新窗口打开文档

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

问题剖析：

请写出可以在新窗口打开文档的a标签。 解析： a标签为超链接标签，其中target属性可以决定目标网页的打开形式 _self: 默认值，在当前窗口跳转 _blank: 在新窗口跳转

问题解答：

 <a href="" target="_blank">新文档</a>

 

面试题三：自定义列表

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

问题剖析：

自定义列表的结构为dl包裹dt包裹dd

• dl是自定义列表的整体，用于包裹dt和dd
• dt是表示自定义列表的主题
• dd是表示针对自定义列表主题的每一项内容

问题解答：

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

面试题四：加粗文字

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

问题剖析：

加粗文字的标签一共有两个分别是：b和strong 

问题解答：

// FED13加粗显示

// 描述
// 使用一个标签将“牛客网”三个字加粗显示

// 给定的html代码：
// <p>牛客网，程序员必备求职神器</p>

// 解法1 修改html解决
// <p><strong>牛客网</strong>，程序员必备求职神器</p>
//为啥用<b></b>没有用
// 解法2 用JS解决
let p = document.getElementsByTagName("p")[0];
// 获取第一个p元素
p.innerHTML = p.innerText.replace("牛客网", "<strong>牛客网</strong>");
// 用加上<strong>标签的文本替换

// JS的另一种实现
// (function(w,d){
//     let p = document.querySelector('p')
//     p.innerHTML = `<strong>牛客网</strong>${p.innerText.replace(/牛客网/, '')}`
// })(window,document)

// 解法3 用CSS设置样式
// 但是题目会检查提交结果文档中strong标签的个数是否为1
// 用例输入 function() { return document.getElementsByTagName('strong').length }
// 预期输出 1
// 实际输出 0
// 所以这种方法不能通过本题目

// // HTML：
// <p><span>牛客网</span>，程序员必备求职神器</p>
// // CSS：
// span {
//     font-weight: bold;
// }

个人经验总结

1.面试前要认真准备，及时梳理

2.每面完一家一定要复盘

3.简历不是一成不变的，要及时调整

4.控制自己的面试节奏，否则可能会非常辛苦。

5.面试中对待不同的面试官要有好的心态

6.一定要做一个有亮点的程序员

资料总结/刷题指南

牛客网       

祝大家面试顺利哦！！！