前端4-6-1：img的alt属性、css的%参照、head标签、web开发技术

怼烎@ 2022-11-16 05:45 97阅读 0赞

**1、img标签中的alt属性的作用是（）**

A、表示图片的名称

B、无实际意义，可有可无

C、提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息

D、等比缩放图片大小

**【知识点：img的alt属性】**

*  alt：图片不出来时，显示的文本。即 **提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息**
 *  title：鼠标一上去之后显示的文本

--------------------

**2、当margin-top、padding-top的值是百分比时，分别是如何计算的？**

A、相对父级元素的height，相对自身的height

B、相对最近父级块级元素的height，相对自身的height

C、相对父级元素的width，相对自身的width

D、相对最近父级块级元素的width，相对最近父级块级元素的width

**【知识点：CSS百分比参照】**

**详见：[CSS参考样式大全][CSS]**

*  参照父元素**宽度**的元素：padding **margin** width text-indent
 *  参照父元素高度的元素：height
 *  参照父元素属性:font-size line-height
 *  特殊：相对定位的时候，top(bottom) left(right)参照的是父元素的内容区域的高度与宽度，而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽度

--------------------

**3、可以包含在HTML网页head标签中的有（）**

A、<title>

B、<meta>

C、<body>

D、<link>

**【知识点：head标签】**

<head>
        <meta charset="UTF-8">
        <title>   </title>
        <style></style>
        <link rel="stylesheet" href="">
        <script></script>
    </head>

--------------------

**4、下面关于WEB开发中，常见的技术和问题描述正确的是：(   )**

A、CSS selector中，支持按照元素的id选择，元素的名称进行选择，元素的class属性进行选择，比如 “\#div .red”就是选择CSS class属性中包括red的所有的div元素

B、JSON是一种以JavaScript语法表示的数据对象格式，比如描述一个学生，包括，其中，姓名，年龄就可以这样表达 \{name: "John"， age: 18\}

C、HTML页面中的第一个指令： 表明这是一个符合HTML5标准的页面

D、不同的浏览器对HTML渲染的方式稍有差异，但是所有的主流浏览器都支持JavaScript语言，而且提供的JavaScript的编程环境都是一致的

E、HTML页面装载时，首先把整个HTML页面下载下来，再根据HTML中出现的顺序依次下载它引用的外部的JavaScript代码和图片资源，最后才执行页面中的JavaScript代码

F、JavaScript中的函数就是一个对象，每个函数对象都继承了JavaScript的Function类

**【解析】**

A.“\#div .red”就是选择CSS class属性中包括red的**所有Id为div元素**

B.\{ **"name"**: "John"，** "age"**: 18\},json数据中的键都需要添加**""(双引号）**

D.不同浏览器提供的**编程环境不一致**，所以在编程时才要使用 -ms、-webkit、-moz来实现不同浏览器的兼容性

E.JS文件**按在HTML中引入的顺序依次载入**（不是最后载入），在载入后马上执行，执行时会阻塞页面后续的内容（包括页面的渲染、其它资源的下载）

F.**箭头函数**不能调用Funciton的bind、apply、call方法（Function类具有的方法），**没有继承Function类**

[CSS]: https://blog.csdn.net/weixin_44015669/article/details/115463431

发表评论取消回复

表情：

评论列表（有 0 条评论，97人围观）

还没有评论，来说两句吧...

相关阅读

相关 img标签中的title和alt属性有什么区别

img标签中的title和alt属性有什么区别简介：这里讲解html面试中常常被问到的一个面试题，img标签中title和alt属性的区别。区别区别一

短命女/ 2024年03月26日 13:51/ 0 赞/ 18 阅读

相关 Web前端开发技术-HTML5基础-标签总结（三）

1.常用表格标签 <table>表格标签</table> <th>表头</th> <tr>行</tr> <td>列</td> 2.属性

迈不过友情╰/ 2023年01月13日 15:52/ 0 赞/ 131 阅读

相关 5中div标签的属性_Web前端开发(5)——CSS的使用方式

CSS的使用方式了解了CSS的强大功能之后，我们就要开始学习如何使用了。下面我就从与HTML的结合方式、CSS语法、选择器以及盒子模型四个方面进行讲解。与HTML的结合

阳光穿透心脏的1/2处/ 2023年01月07日 02:30/ 0 赞/ 65 阅读

相关前端4-6-1：img的alt属性、css的%参照、head标签、web开发技术

1、img标签中的alt属性的作用是（） A、表示图片的名称 B、无实际意义，可有可无 C、提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息 D、等比缩放图片大小

怼烎@/ 2022年11月16日 05:45/ 0 赞/ 98 阅读

相关 Web前端开发技术-HTML5基础-标签总结（二）

13.超链接 1.超链接语法 <a href="" title="提示信息" target="窗口名称">这里可以放文本，图片等</a> href：链接

淡淡的烟草味﹌/ 2022年11月10日 10:48/ 0 赞/ 144 阅读

相关个人主页设计-web前端开发技术（html+css）

基本知识 https://www.w3cschool.cn/ https://www.w3school.com.cn/cssref/css\_colors.asp

红太狼/ 2022年11月09日 12:47/ 0 赞/ 147 阅读

相关 Web前端开发技术-HTML5基础-标签总结（一）

1.HTML文档基本结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

ゝ一纸荒年。/ 2022年11月08日 15:29/ 0 赞/ 140 阅读

相关 html标签中head部分的写什么,前端技术：HTML部分---Head标签中包含的头文件标签，body标签包含的内部标签...

1、Head标签中包含的头文件标签的作用： (1)title标签：定义网页的标题。 (2)meta标签：一般用于定义页面的特殊信息，例如页面的关键字、页面描述等 (3)

小咪咪/ 2022年10月05日 13:48/ 0 赞/ 141 阅读

相关移动前端开发不得不了解的html5 head 头标签

文章转载自：[http://www.reqianduan.com/855.html][http_www.reqianduan.com_855.html] 本文主要内容来自[一

末蓝、/ 2022年06月14日 11:59/ 0 赞/ 119 阅读

相关 img标签中alt属性的作用是什么

标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

小灰灰/ 2020年05月14日 09:49/ 0 赞/ 919 阅读