1、src 属性它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。
绝对路径:指向其他站点(比如 src="www.example.com/example.js")。
相对路径:指向站点内的文件(比如 src="/scripts/example.js")。
2、alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。
3、align 属性规定 div 元素中的内容的水平对齐方式。
扩展资料
HTML历史上有如下版本:
1、HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
2、HTML 2.0:1995年11月作为RFC 1866发布。
3、HTML 3.2:1997年1月14日发布,W3C推荐标准。
4、HTML 4.0:1997年12月18日发布,W3C推荐标准。
5、HTML 4.01:1999年12月24日发布,W3C推荐标准。
6、HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。
html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况,动态替换成有效的默认图片,解决办法。
通常的判断为:
if(pic==null){
html='<img src="images/bg_test1.jpg" width="320" height="157" />'
}else{
html='<img src="'+pic+'" width="320" height="157" />'
}
但如果当src路径存在,但路径无效导致无法正常加载时,可以利用img 的 onerror 事件来解决:
if(pic==null){
html='<img src="images/bg_test1.jpg" width="320" height="157" />'
}else{
html='<img src="'+pic+'" width="320" height="157" οnerrοr="imgerror(this)" />'
}
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决:可以在设置为默认图片之后将 onerror 事件置空,避免死循环触发。
function imgerror(img){
img.src="images/default.jpg"
img.οnerrοr=null //控制不要一直跳动
}
html中img的src相对路径的写法:
同一个目录的文件引用---直接写引用文件名即可。如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。
例如:
我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "index.html">这是超连接</a>
Notice:
如何表示上级目录
../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "../index.html">这是超连接</a>
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "../../index.html">index.html</a>
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "../wowstory/index.html">index.html</a>
Notice:
如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "html/index.html">这是超连接</a>
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "html/tutorials/index.html">这是超连接</a>
HTML绝对路径:
在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website /img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.ajaxstu.com/img/photo.jpg来确定文件位置的方式也是绝对路径。
HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径。
假设你注册了域名http://www.ajaxstu.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。
假设你在www根目录下放了一个文件default.asp,这个文件的绝对路径就是: font color="#0058db">http://www.ajaxstu.com/default.asp。
假设你在www根目录下建了一个目录叫archives,然后在该目录下放了一个文件2886.html,这个文件的绝对路径就是http://www.ajaxstu.com/archives/2886.html。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)