1. web网页中,<img alt="",alt属性里字体颜色如何设置
你好，朋友，一下是我转帖的地址，我以前用过，是可以使用的，可以对alt文字变换颜色，以及加边框，背景等特殊效果！代码如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无标题文档</title>
<styletype="text/css">
.altbox{border:1pxsolid#ccc;background:#333333;width:160px;padding:5px;color:#FF0000;font-family:Arial;font-size:12px}
</style>
<scripttype="text/javascript">
window.onload=function(){
varoffsetX=20;
varoffsetY=20;
varimgs=document.images;
for(vari=0;i<imgs.length;i++){
(function(){
vardiv;
varpw=getPW();
varph=getPH();
vartimeout;
document.images[i].onmouseover=function(e){
div=document.createElement("DIV");
div.className="altbox";
div.innerHTML=this.alt;
div.style.position="absolute";
this.alt='';
document.body.appendChild(div);
varp=getMouse(e);
varx=p.x+offsetX;
vary=p.y+offsetY;
if(div.offsetWidth+x<pw){
div.style.left=x+"px";
}else{
div.style.left=(pw-div.offsetWidth)+"px";
}
if(div.offsetHeight+y<ph){
div.style.top=y+"px";
}else{
div.style.top=(ph-div.offsetHeight)+"px";
}
(function(img){
timeout=setTimeout(function(){
if(div){
img.alt=div.innerHTML;
div.parentNode.removeChild(div);
document.onmousemove=null;
}
},3000)
})(this);
document.onmousemove=function(e){
varp=getMouse(e);
varx=p.x+offsetX;
vary=p.y+offsetY;
if(div.offsetWidth+x<pw){
div.style.left=x+"px";
}
if(div.offsetHeight+y<ph){
div.style.top=y+"px";
}
}
}
document.images[i].onmouseout=function(e){
if(div.parentNode){
this.alt=div.innerHTML;
div.parentNode.removeChild(div);
document.onmousemove=null;
clearTimeout(timeout);
}
}
})();
}
}
functiongetMouse(ev){
varev=ev||window.event;
if(ev.x){
nx=ev.x;
ny=ev.y;
}else{
nx=ev.pageX;
ny=ev.pageY;
}
return{x:nx,y:ny};
}
functiongetPW(){
returndocument.documentElement.scrollWidth;
}
functiongetPH(){
returndocument.documentElement.clientHeight>document.documentElement.scrollHeight?document.documentElement.clientHeight:document.documentElement.scrollHeight;
}</script>
</head>
<body>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示1"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示2"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示3"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示4"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示5"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示6"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示7"width="204"height="150"/>
</body>
</html>
2. 这个前端架构如图所示，谁能告诉我这个alt.js 这些都是做什么的 没查到
没查到就不是框架里的东西呗，
有些js代码还是需要自己写的，不是所有功能都用框架的
3. web前端img是什么标签
img 元素向网页中嵌入一幅图像。
请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<img> 标签有两个必需的属性：src 属性 和 alt 属性。
4. html的alt是什么意思
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的<img src="boat.gif" alt="Big Boat">在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
5. Web前端最全面试宝典- Html篇
HTML
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
5.HTML全局属性(global attribute)有哪些
参考资料：MDN: html global attribute或者W3C HTML global-attributes
accesskey
:设置快捷键，提供快速访问元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:为元素设置类标识，多个类名用空格分开，CSS和javascript可通过class属性获取元素
contenteditable
: 指定元素内容是否可编辑
contextmenu
: 自定义鼠标右键弹出菜单内容
data-*
: 为元素增加自定义属性
dir
: 设置元素文本方向
draggable
: 设置元素是否可拖拽
dropzone
: 设置元素拖放类型： , move, link
hidden
: 表示一个元素是否与文档。样式上会导致元素不显示，但是不能用这个属性实现样式效果
id
: 元素id，文档内唯一
lang
: 元素内容的的语言
spellcheck
: 是否启动拼写和语法检查
style
: 行内css样式
tabindex
: 设置元素可以获得焦点，通过tab可以导航
title
: 元素相关的建议信息
translate
: 元素和子孙节点内容是否需要本地化
6.什么是web语义化,有什么好处
web语义化是指通过HTML标记表示页面包含的信息，包含了HTML标签的语义化和css命名的语义化。 HTML标签的语义化是指：通过使用包含语义的标签（如h1-h6）恰当地表示文档结构 css命名的语义化是指：为html标签添加有意义的class，id补充未表达的语义，如Microformat通过添加符合规则的class描述信息 为什么需要语义化：
去掉样式后页面呈现清晰的结构
盲人使用读屏器更好地阅读
搜索引擎更好地理解页面，有利于收录
便团队项目的可持续运作及维护
7.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
新特性：
HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
拖拽释放(Drag and drop) API
语义化更好的内容标签（header,nav,footer,aside,article,section）
音频、视频API(audio,video)
画布(Canvas) API
地理(Geolocation) API
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除
表单控件，calendar、date、time、email、url、search
新的技术webworker, websocket, Geolocation
移除的元素：
纯表现的元素：basefont，big，center，font, s，strike，tt，u；
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签：
IE8/IE7/IE6支持通过 document.createElement 方法产生的标签，可以利用这一特性让这些浏览器支持 HTML5 新标签，浏览器支持新标签后，还需要添加标签默认的样式（当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架）：
如何区分：
DOCTYPE声明新增的结构元素、功能元素
8. HTML5 存储类型有什么区别？
HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。HTML5 提供了下面两种本地存储方案：
localStorage - 没有时间限制的数据存储，数据永远不会过期，关闭浏览器也不会丢失
sessionStorage - 针对一个 session 的数据存储，同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
9. HTML5 标准提供了哪些新的API？
1：canvas，不用多说，可以画出很多绚丽的图形，甚至可以直接做出伪3D游戏。
2：媒体控制，也很好理解(直译就是回放功能，假如只用html5.0以下的标签写，以前的音乐播放是不可能实现滚动条的。)
3：离线网页程序，可以把资源文件完全缓存在客户端，并且通过js的一些方法清空缓存
4：文档编辑，应该是更好的支持对文档的编辑。
5：拖动，可以将文件拖动到某些区域上传
6：跨文档请求，websocket，一种更加高效的通讯方式
7：历史管理，可以通过js管理和插入历史记录
8：MIME头自定义
9：客户端数据存储，localstoage sessionstoage
10：地理位置共享
11：本地数据库
12：索引数据库
10.HTML5 应用程序缓存和浏览器缓存有什么区别？
HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势：
离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
11.常用那几种浏览器测试？有哪些内核(Layout Engine)?
(Q1)浏览器：IE，Chrome，FireFox，Safari，Opera。
(Q2)内核：Trident，Gecko，Presto，Webkit。
12.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；
13.如何实现浏览器内多个标签页之间的通信?
调用localstorge、cookies等本地存储方式
14.请写出localStorage对象的常用方法。
存储 - localStorage.setItem(key, value) - 如果key存在，更新value
获取 - localStorage.getItem(key) - 如果key不存在，返回null
删除 - localStorage.removeItem(key) - 删除key对应的数据
全部清除 - localStorage.clear() - 清空localStorage中所有数据
遍历 - localStorage.length
遍历 - localStorage.key(index)
15.如何在HTML5中启用应用程序缓存？
<html manifest="fileName.appcache">
每个指定了manifest的页面在用户对其访问时都会被缓存。
.appcache是manifest文件的扩展名
16.html5 离线存储
Html5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法（更新相关文件或者使用相关API），可以更新、删除离线存储等操作。
Html5的离线存储使用一个manifest文件来标明哪些文件是需要被存储的，使用如 <html manifest='offline.manifest'> 来引入一个manifest文件，这个文件的路径可以是相对的，也可以是绝对的，如果你的web应用很多，而且希望能集中管理manifest文件，那么静态文件服务器是个不错的选择。
17.HTML5 Canvas 元素有什么用？
Canvas 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在 HTML 上进行图形操作
6. web前端学习HTML的图像标记有哪些
图像的标记属性主要有：
<img>称为图像标记，用来在网页中显示图像。使用方法：<img src=''路径/文件名.图片格式"width="属性值"height="属性值"border="属性值"alt="属性值">
<img>标记主要有以下属性：
1：src属性指定我们要加载的图片的路径，图片的名称以及图片的格式
2：width属性指定图片的宽度
3：height属性指定图片的高度
4：border属性指定图片的边框宽度
5：alt属性有两个作用：
① 如果图像加载失败，会用文字来代替图像显示。
② 搜索引擎可以通过这个属性的文字来抓取图片。
注意：<img>是单标记，不需要使用</img>来闭合
7. 使用HTML5需要遵守哪些规则
向大家介绍这些应该遵循的Web前端开发原则。
1、善用DIV来布局
当开发一个Web页面时，要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来，页面的代码会呈现出整洁、缩进良好的风格。
14、避免过度注释
作为一名开发者，在代码中添加注释是一个好习惯，能方便理解并易于维护。这在其它编程语言如PHP、JAVA 和 C#里很普遍。但是，HTML/XHTML是文本标记语言，非常容易理解。因此，无需为每行代码都添加注释。
15、测试代码
推荐开发者使用W3C文本标记验证服务来测试代码。它是一个高效的测试工具，能帮助你发现页面中存在的错误。而且，它还能从页面错误出发，帮你定位到相应的代码。这一点通常在编码完成后很难做到。但开发者需要注意的是，验证通过的代码并非就是性能优异的代码。
以上就是分享的Web前端开发中应该遵循的开发原则。希望这些开发语言对从事Web前端的小伙伴们有帮助。
8. 谁帮我做这些题啊 做好了 给你分
笔试题，网络流程信息管理部Web前端实习研发工程师.
JavaScript编程题
1、实现输出document对象中所有成员的名称和类型；
2、如何获得一个DOM元素的绝对位置？（获得元素位置，不依赖框架）
3、如何利用JS生成一个table？
4、实现预加载一张图片，加载完成后显示在网页中并设定其高度为50px，宽度为50px；
5、假设有一个4行td的table，将table里面td顺序颠倒；
6、模拟一个HashTable类，包含有add、remove、contains、length方法；
7、Ajax读取一个XML文档并进行解析的实例；
8、JS如何实现面向对象和继承机制？
9、JS模块的封装方法，比如怎样实现私有变量，不能直接赋值，只能通过公有方法；
10、对闭包的理解，闭包的好处和坏处？
11、对this指针的理解，可以列举几种使用情况？
12、对JS中函数绑定的理解？函数绑定可以使用哪两个函数？
13、jQuery的特点？
14、简述Ajax的异步机制。Ajax有哪些好处和弊端？
HTML/CSS部分
1、<img>标签上title属性与alt属性的区别是什么？
2、分别写出以下几个HTML标签：文字加粗、下标、居中、字体
3、写出一个文本输入框，属性为只读，最大输入字符为20个
4、CSS左边固定，右边可变的布局实现方法；要求在源码顺序中左边必须在前。
5、图片和文字一起如何通过css实现居中
6、请简述一下CSS中的样式继承和CSS的选择器
7、请简述一个各个选择器之间的优先级
8、在同等优先级的情况下如何选择样式
9、盒子模型，请简述一下盒子模型
10、如何使一个DIV的背景图像距这个DIV的顶部10像素，左边15像素，且不重复
11、如何增加某一个链接的可点击面积，而下划线仍然与链接一样长？
12、一个元素的上边框为红色，其他边框黑色，里面文字的颜色是蓝色
13、打开（隐藏）、关闭（显示）一个对象。Style的display以及visibility的参数是什么？
14、用css和div实现3列或2列的页面布局，并说明与table布局相比有哪些优缺点
15、定宽网页两列内容布局，试写出你所知道的几种布局代码
9. 网站是用WordPress搭建的，在前段编辑页面上传图片完成后，前端页面代码没有显示alt，这是什么原因
你的站首页、文章页、普通页面，里面所有图片，你用chrome上浏览你的网站，右击图片审视元素，看里面的图片代码 一般正确的格式是这样的
<img src="图片链接地址" alt="图片名字">
alt这里就是要给图片起个名气，好让搜索引擎爬你的网站的时候知道这个图片叫神马，seo优化是必须要做好这一步的
上面那个朋友的方法，就是添加你的文章图片时的填上alt信息，但一般有些主题的自带图片是不会有alt信息，得你自己去编辑主题添加