1.背景图案的设置

2.将图片插入到网页中去

3.用图像作为超链接

4.使用工具建立地图索引

5.切片索引

6.为网站添加图标

5.1 背景图案的设置

格式：<body background=”URL”>

5.2 将图片插入到网页中去

格式:<img src="URL">

功能:将图片插入到网页中去 ,单一标签

<img>下的属性

属性名称 属性值 说明

src URL 图片的路径

图片的注解

属性名称 属性值 说明

alt 字符串 给图片做注解

图象大小的设置

属性名称 属性值 说明

width 像素 绝对设置,宽

百分比 相对设置,宽

height 像素 绝对设置,高

百分比 相对设置,高

图象边框的设置

属性名称 属性值 说明

border 数字 图象边框

文字图象的排列

属性名称 属性值 说明

align left 图象靠左,文字靠右

right 图片靠右,文字靠左

top 文字往上靠

middle 文字靠中

bottom 文字靠下

空隙的设置

属性名称 属性值 说明

vspace 像素 垂直上下两端与物件的距离

hspace 像素 水平左右两段与物件的距离

5.3 用图像作为超链接

格式:<a href="URL"><img src="URL"></a>

注意点:边框的问题.

5.4 地图索引

格式:<map name="图象名称" id="图象名称">

<area shape="选取区块的形状" coords="坐标" href="URL" alt="文

字说明">

</map>

<img src="URL" USEMAP="#图象名称">

<map>声明整张图使用地图链接方式进行连接.

name,id指此图的名称.

<area>表示我们所要链接其中一点的区快

shape表示我们所选择的形状,如:rect矩形 circle圆 poly多边形

coords 表示地图的坐标位置!!

5.5 切片索引

使用Firework来进行!!用表格进行定位 !!

5.6 为网站添加图标

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

5; XHTML图像的更多相关文章

  1. HTML 图像<img>

    定义和用法: img元素向网页中嵌入一副图像. 请注意:从技术上讲,<img>标签并不会在网页中插入图像,而是从网页上链接图像.<img>标签创建的是被引用图像的占位空间. 属 ...

  2. HTML图像映射

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. HTML <map> 标签－创建带有可点击区域的图像映射

    定义和用法 定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图像. 所有主流浏览器都支持 <map> 标签. 注释:area 元素永远嵌套在 map 元素内部. ...

  4. 【温故而知新-Javascript】图片效果（图像震动效果、闪烁效果、自动切换图像）

    1.当鼠标指针经过图像时图像震动效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  5. JavaScript学习之DIV层与图像

    DIV层与图像 一.设计一个可定位的层 1.设置位置(position)和大小 (1)绝对定位(absolute):以页面边框为参照,只要设置好绝对位置,那么元素的位置会始终固定在距离边框某个位置的距 ...

  6. 【HTML XHTML CSS基础教程(第6版)】笔记之HTML XHTML笔记(1~6章)

      第1章 网页的构造块   1.(X)HTML有三种主要的标记类型:元素,属性,值.   2.浏览器主要通过查看文件的扩展名(.htm或.html)来得知应该按照网页的方式读取文本文件.   3.H ...

  7. xHtml+css学习笔记

    第一节 xHTML规范 *文档方面 -必须定义文档类型(DTD)和名字控件 *标签方面 -所有标签均要小写.关闭.合理嵌套.ID不能重复 -标签属性药有值,属性值要加印号且不能为空 -图片一定要加上a ...

  8. xhtml规范

    在使用XHTML语言进行网页制作时,必须要遵循一定的语法规范.下面进行详细讲解,其中具体内容可以分为以下几点. 文档方面: 必须定义文档类型(DTD)和你的名字空间 标签方面: 所有标签均要小写,合理 ...

  9. XHTML 结构化：使用 XHTML 重构网站

    http://www.w3school.com.cn/xhtml/xhtml_structural_01.asp 我们曾经为本节撰写的标题是:"XHTML : 简单的规则,容易的方针.&qu ...

随机推荐

  1. Java开发瓶颈，Dubbo架构学习整理

    作者:butterfly100 一. Dubbo诞生背景 随着互联网的发展和网站规模的扩大,系统架构也从单点的垂直结构往分布式服务架构演进,如下图所示: 单一应用架构:一个应用部署所有功能,此时简化C ...

  2. Javascript高级编程学习笔记（83）—— 富文本选区(3)

    富文本选区 在富文本编辑器中使用 iframe 的 getSelection() 方法可以获取选中的文本 该方法是 window 对象和 document 对象的属性,调用后会返回一个当前选选择文本的 ...

  3. 2.抽取代码(BaseActivity)

    知识点 俩种退出程序的方法 复制集合 同步的用法 字符数组 工厂模式,生产fatgment,解决了碎片重复创建的问题 全局上下文 actionbar用法 fargmentadapter,当viewpa ...

  4. Redis 指令 学习笔记

    Redis 什么是Redis redis是一种nosql数据库,他的数据是保存在内存中,同时redis可以定时把内存数据同步到磁盘,即可以将数据持久化,还提供了多个语言的API,操作比较方便 安装re ...

  5. txt文本处理---行未添加逗号

    做音频处理过程中,经常遇到需要对文本进行转换,今天就遇到了一个行末加逗号的问题,找到了几种有效的方式,做个记录吧. 以下是几种方法实现: python代码实现: import os with open ...

  6. [P4721] 分治 FFT

    「题意」给定\(g[0]=1\),\(g[1~n-1]\)求序列\(f[i]=\sum_{j=1}^i f[i-j]*g[j]\ , i\in[1,n-1],f[0]=1\). 「分析」分治处理区间[ ...

  7. hd1007

    #include <iostream> #include <algorithm> #include <cmath> using namespace std; str ...

  8. Unity中雾效的开启

    原文:https://blog.csdn.net/Rhett_Yuan/article/details/54425236 1.对于雾效的开启在新版的Unity中通过界面菜单Windows->Li ...

  9. linux 命令 — archive

    tar 一般用法 tar -cf out.tar [files] tar -cf out.tar file1 file2 -c :创建文件 -f:指定创建的文件名称,-f必须是所有参数的最后一项,比如 ...

  10. maven 聚合工程 用spring boot 搭建 spring cloud 微服务 模块式开发项目

    项目的简单介绍: 项目采用maven聚合工程 用spring boot 搭建 spring cloud的微服务 模块式开发 项目的截图: 搭建开始: 能上图 我少打字 1.首先搭建maven的聚合工程 ...