脚本宝典收集整理的这篇文章主要介绍了XHTML入门学习教程:XHTML网页图片应用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
合理的
添加图片可以使一个网页更加的美观。
图片标签<
img>
<img>标签用于在网页里插入图片。<img>标签有一个
重要的属性"src",它的属性值就是图片的地址。下面我们就在我们的index.ht
ML里插入一个图片。打开”index.html“文件,在</body>前加上如下代码:
<p><img src="https://www.js-code
.COM/images/
LOGo.gif" alt="技
术支持"/></p>
保存后浏览网,请确认您的网页与该页面相同。
我们注意到<img>是一个空标签,需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt,我们把它叫做做替换属性,当图片由于某种
原因而
无法显示的时候,alt的属性值就会代替图片出现;而当图片
正常显示时,只要把鼠标停在图片上就会看到alt属性的属性值。
用图片作为链接
我们在之前的教程中曾经学习过创建超级链接,下面我们打开“index.html”并且将刚插入的代码
改为下面这段:
<p><a
href="https://www.js-code.com/"><img src="https://www.js-code.com/images/logo.gif"alt="技术支持"/></a></p>
保存后浏览网页,请再次确认您的网页与这个网页相同。看看图片是不是变成了超级链接,点击一下图片就会进入
菜鸟吧的主页了。
关于XHTML的效验
从本节
开始我们就不再修改"index.html"这个网页的
外观了,现在将我们
制作的网页送交权威机构
检验一下。首先进入:http://validator.w3.
org/,该页面就是一个XHTML效验工具,它用来检验我们制作的网页
是否符合XHTML的标准。您可以选择用网址效验,也可以上
传文件效验。您可以选择文件上传效验,方法如下:
在”Validate by File Upload“有“Local File”一栏,点击浏览,找到并选中之前保存的"index.html",然后点击“check”按钮。您的结果
应该与我们通过网址效验的结果一样。返回如下错误信息:
Sorry, I
am unable to validate this document because on line 3, 6-9, 12-14, 16-22
IT cont
ained one or more bytes t
hat I cannot inter
PRet as utf-8 (in other wo
rds, the bytes found are not valid values in the s
PEcified Character Encoding). Please check both the content of the file and the character encoding indication.
难道我们的网页不符合XHTML标准吗?请继续看下一节的内容。
脚本宝典总结
以上是脚本宝典为你收集整理的XHTML入门学习教程:XHTML网页图片应用全部内容,希望文章能够帮你解决XHTML入门学习教程:XHTML网页图片应用所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。