初学XHTML语言之网页图片应用
我们再制作网页的过程中,常常会用到图片的加入,这样就能使整个页面变得更加生动有趣,那在XHTML语言中网页图片应用要怎么操作呢!接下来就随小编看一看吧!
合理的添加图片可以使一个网页更加的美观。
标签用于在网页里插入图片。标签有一个重要的属性"src",它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。保存后浏览网,请确认您的网页与该页面相同。
我们注意到是一个空标签,需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt,我们把它叫做做替换属性,当图片由于某种原因而无法显示的时候,alt的属性值就会代替图片出现;而当图片正常显示时,只要把鼠标停在图片上就会看到alt属性的属性值。
我们在之前的教程中曾经学习过创建超级链接,下面我们打开“index.html”并且将刚插入的代码,保存后浏览网页,请再次确认您的网页与这个网页相同。看看图片是不是变成了超级链接,点击一下图片就会进入菜鸟吧的主页了。
从本节开始我们就不再修改"index.html"这个网页的外观了,现在将我们制作的网页送交权威机构检验一下。首先进入:http://validator.w3.org/,该页面就是一个XHTML效验工具,它用来检验我们制作的网页是否符合XHTML的标准。您可以选择用网址效验,也可以上传文件效验。您可以选择文件上传效验,方法如下:
在”ValidatebyFileUpload“有“LocalFile”一栏,点击浏览,找到并选中之前保存的"index.html",然后点击“check”按钮。您的结果应该与我们通过网址效验的结果一样。返回如下错误信息:
Sorry,Iamunabletovalidatethisdocumentbecauseonline3,6-9,12-14,16-22itcontainedoneormorebytesthatIcannotinterpretasutf-8(inotherwords,thebytesfoundarenotvalidvaluesinthespecifiedCharacterEncoding).Pleasecheckboththecontentofthefileandthecharacterencodingindication.
有关于XHTML语言之网页图片应用的详细内容,小编今天就分享到这里了,如果你还想了解更多资讯,可以随时关注我们网站。
下一篇:初学XHTML语言之框架标签使用