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

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参考样式大全

  • 参照父元素宽度的元素: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类

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
对下面的代码加注释:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> #backg { width: 919px; height: 272px; } div img { width: 300px; height: 222px; margin-top: 20px; margin-left: 10px; } #h3 { color: rgb(132, 106, 90); font-weight: 600; font-size: 23px; margin-top: -224px; margin-left: 340px; } #p1 { font-size: 14px; color: rgb(20, 111, 158); font-weight: 550; margin-top: 13px; margin-left: 340px; } #p2 { width: 575px; font-size: 13.2px; color: black; text-indent: 2em; margin-top: -3px; margin-left: 340px; } #p2 span { color: rgb(20, 111, 158); font-style: italic; text-decoration: underline; } #p3 { font-size: 14px; color: rgb(20, 111, 158); font-weight: 550; margin-top: 10px; margin-left: 340px; } #p3 span { color: red; font-size: 20px; font-weight: 800; } hr { width: 560px; margin-top: -2px; margin-left: 340px; } #p4 { color: rgb(132, 106, 90); font-weight: 540; font-size: 23px; margin-top: 12px; margin-left: 340px; } #p4 span { color: red; font-weight: 800; } </style> <body> <div id="backg"> <img src="./img/bk01.png" alt=""> <div id="h3">Web前端开发工程师</div> <p id="p1">技术要求:</p> <p id="p2">对常用的一些Js框架了解,如jQuery、YUuI等。掌握最基本的JavaScript计算方法编写。对目前互联网流行的网页制作方法(Web2.0) HTML+CSS,以及各大浏览器兼容性有很大的了解。对前沿技术(HTML5+CSS3)的基本掌握。<span>Web前端技术</span>你究竟掌握了多少...</p> <p id="p3">更新时间:2015年05月19日20点(已有<span>325</span>人点赞)</p> <hr> <p id="p4">相关技术文章 <span>8</span> 篇</p> </div> </body> </html>
05-24

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

濯一一

你的鼓励:我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值