HTML03-图片.ppt_第1页
HTML03-图片.ppt_第2页
HTML03-图片.ppt_第3页
HTML03-图片.ppt_第4页
HTML03-图片.ppt_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第3章图片 网页设计与制作实例教程 网页设计与制作实例教程 知识要点 文件路径图像格式在网页中使用图片 网页设计与制作实例教程 文件路径 HTML超文本标记语言能够利用URL 将不同格式 不同属性 不同位置的各种网络资源 用统一的方式互相链接起来 常见的文件路径有两种 一种是绝对路径 另一种是相对路径 下面分别来介绍 网页设计与制作实例教程 绝对路径 绝对路径是指带域名的文件的完整路径 一个完整的绝对路径包括以下几个部分 一个传输协议 如HTTP协议 网络域名或者服务器IP地址网站结构的目录树文件名 文本 图片 音频和视频等 这些部分就构成了一个完整的绝对路径 例如 网页设计与制作实例教程 相对路径 相对路径这个概念 在网页制作中经常遇到 比如超链接 链接图片 背景音乐 CSS文件 JS文件 数据库等 都要应用到相对路径 什么是相对路径 相对路径就是指由这个文件所在的位置引起的跟其它文件 或文件夹 的路径关系 也就是自己相对于目标的位置 网页设计与制作实例教程 实例3 1在网页中插入图片 网页设计与制作实例教程 实例分析 目前在本地硬盘有这样的一个文件结构 一个网页3 1 html 需要浏览的网页 一幅图片heart jpg 心的图片 一个文件夹image 里面有一副图片f jpg Image f jpg 网页设计与制作实例教程 各种相对路径 总结归纳起来 对于各种相对路径主要有三种情况 1 当前目录 src jpg 如果源文件和引用文件在同一个目录里 直接写引用文件名即可 2 当前目录上一层 src jpg 表示源文件所在目录的上一级目录 表示源文件当前目录的上一级目录的上一级目录 3 下级目录 src jpg 引用下级目录的文件 直接写下级目录文件的路径即可 其中 代表具体的文件名或者目录名 网页设计与制作实例教程 在网页中使用图片 HTML中插入图片用的是标记 src属性用于指定图像源文件所在的路径 alt属性用于指定提示文字 width和height用于指定图像的显示大小 border用于为图像添加边框线 vspace用于调整图像和文字之间的上下距离 hspace用于调整图像和文字之间的左右距离 align用于设置图像与文字之间的对齐方式 usemap用于指定图像映射 设置超链接基本语法格式如下 代表图片的URL 代表在浏览器尚未完全读入图片时 在图片位置显示的替代文字 网页设计与制作实例教程 实例3 2插入图片和替代文字 alt属性的作用是在图片位置显示替代的文字 可以对图片加以解释 推荐使用 网页设计与制作实例教程 实例3 3图文混排 在缺省状况下 图片显示原有的尺寸 可以用height和width属性改变图片的宽和高 图片会相应放大或缩小 如果比例不合适 显示出来的效果可能不太好 网页设计
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论