网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Xhtml教程 >> 正文
最新文章
· XHTML制作网页的标准新闻列表
· XHTML网页教程问答
· 常用的XHTML标签的使用技巧
· 网页设计学习XHTML应用小结
· 总结XHTML代码常见的应用问题
· 标记类语言:与HTML相比XHTML有什么特
· Xhtml的结构标签
· XHTML+CSS:调用样式表
· 问与答:用HTML还是用XHTML
· 学习完XHTML了?XHTML总结
热门文章
 XHTML+CSS:调用样式表
 问与答:用HTML还是用XHTML
 网页设计学习XHTML应用小结
 XHTML网页教程问答
 标记类语言:与HTML相比XHTML有什么
 常用的XHTML标签的使用技巧
 XHTML制作网页的标准新闻列表
 总结XHTML代码常见的应用问题
 Xhtml的结构标签
 XHTML教程——列表
相关文章
没有相关文章
XHTML教程——图片
来源:菜鸟吧 更新时间:2009/5/14 10:05:06 阅读次数:
字体:[ ] 我要投稿

  图片标签<img>

  <img>标签用于在网页里插入图片。<img>标签有一个必需的属性"src",它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件,在</body>前加上如下代码:

  

<p><img src="/website/UploadFiles_2892/200905/20090514100943924.gif" alt="技术支持"/></p>

        保存后浏览网,请确认您的网页与该页面相同。

  我们注意到<img>也是一个空标签,需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt,我们把它叫做做替换属性,当图片由于某种原因而无法显示的时候,alt的属性值就会代替图片出现;而当图片正常显示时,通常只要把鼠标停在图片上就会看到alt属性的属性值。

  用图片作为链接

  我们在之前的教程中曾经学习过创建超级链接,下面我们打开“index.html”并且将刚插入的代码改为下面这段:

  

<p><a href="/website/UploadFiles_2892/200905/20090514100853732.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 contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

  难道我们的网页不符合XHTML标准吗?请继续看下一节的内容。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号