自己总结:
让图片和外部文字 出现间隙 使用hspace[水平]和vspace[垂直]属性
img(标签中使用)-->usermap="#myMap" 属性-->设置热点 可以使用DW中-->(窗口)属性-->进行热点在图片中的定位(DW会自动生成代码)-->area 便签中的 href属性设置点击后的跳转(下面有介绍)
其他常用的html标签
第一部分
1,超链接
从一个web资源到另外一个web资源的连接
绝对路径:
每个网页都有一个唯一的地址,称为URI 统一资源定位符,也称为该网页的绝对路径。
http://ip:port/目录/文件名
相对路径:
相对于当前文档所在的路径
../imgs/a.jpg
./imgs/a.jpg
imgs/a.jpg
本地连接
file:///d:/html/index.html
超链接中不允许写本地连接
服务器路径
http://localhost:8888/test/index.html
1)a 超链接
连接状态:
未访问
已选择
已访问
<a href="">内容显示</a>
属性:
href 定义连接的目标URI
绝对路径:http://www.baidu.com
相对路径:b.html
邮件地址:mailto:licy@briup.com
锚点 :#mao
空连接 :javascript:void(0);
target 定义连接的目标窗口
_blank
_parent
_self
_top
自定义目标名
title 定义连接的提示信息
type 连接到任何类型的文件以供下载
<a href="../docs/myWord.doc" type="application/msword">报名表</a>
锚点:
锚点可以让用户在文档中设置标记,这些标记通常放在文档的特定主题处或顶部,然后创建到这些锚点的连接,指向网页中的特点位置。
例如:
<h2 id="section1">1,什么是万维网</h2>
<p>万维网,是基于Internet的信息服务系统,官方定义为"WWW is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents",简而言之,WWW是一个以Internet为基础的计算机网络,它允许用户在一台计算机上通过Internet访问另一台计算机上的信...</p>
<a href="#section1">查看第一部分内容</a>
2)link 文档关系连接
只能出现在head标签中,定义了当前文档和另一个资源之间的联系。
通常用于链接到外部样式表
<link rel="stylesheet" href="style.css" type="text/css">
属性:
href: 定义关系链接地址
rel: 定义当前文档与所连接文档之间的关系。
type: 文档类型
3)base 基准链接地址
设置页面中所有文档相对路径相对的基准URI。如果设定了基准链接地址,当前页面中的所有相对路径都基于该路径
<base href="http://localhost:8888/sg">
4)图片
1,图片类型
适合在网站上进行快速查看的图片格式
GIF (graphics interchange format,图形交换格式)
可以将背景设置为透明的,图片最多使用256中颜色,最适合显示色调不连续或具有大面积单一颜色的图片,如导航条,按钮,图标等。由于GIF图片中存储的颜色信息较少,因此占用空间极小,使用起来更方便。
JPEG(joint photographic experts group,联合图像专家组)
最适合摄影或连续色调图像的彩色照片,jpeg文件可以包含数百万中颜色,保证图片不失真。JPEG图片无法拥有透明的背景
PNG(portable network graphics,可移植网络图形)
PNG可以包含256种以上的颜色,并可以具有透明的背景。PNG文件可保留所有原始层,矢量,灰度,颜色和效果信息,并且在任何时
让图片和外部文字 出现间隙 使用hspace[水平]和vspace[垂直]属性
img(标签中使用)-->usermap="#myMap" 属性-->设置热点 可以使用DW中-->(窗口)属性-->进行热点在图片中的定位(DW会自动生成代码)-->area 便签中的 href属性设置点击后的跳转(下面有介绍)
其他常用的html标签
第一部分
1,超链接
从一个web资源到另外一个web资源的连接
绝对路径:
每个网页都有一个唯一的地址,称为URI 统一资源定位符,也称为该网页的绝对路径。
http://ip:port/目录/文件名
相对路径:
相对于当前文档所在的路径
../imgs/a.jpg
./imgs/a.jpg
imgs/a.jpg
本地连接
file:///d:/html/index.html
超链接中不允许写本地连接
服务器路径
http://localhost:8888/test/index.html
1)a 超链接
连接状态:
未访问
已选择
已访问
<a href="">内容显示</a>
属性:
href 定义连接的目标URI
绝对路径:http://www.baidu.com
相对路径:b.html
邮件地址:mailto:licy@briup.com
锚点 :#mao
空连接 :javascript:void(0);
target 定义连接的目标窗口
_blank
_parent
_self
_top
自定义目标名
title 定义连接的提示信息
type 连接到任何类型的文件以供下载
<a href="../docs/myWord.doc" type="application/msword">报名表</a>
锚点:
锚点可以让用户在文档中设置标记,这些标记通常放在文档的特定主题处或顶部,然后创建到这些锚点的连接,指向网页中的特点位置。
例如:
<h2 id="section1">1,什么是万维网</h2>
<p>万维网,是基于Internet的信息服务系统,官方定义为"WWW is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents",简而言之,WWW是一个以Internet为基础的计算机网络,它允许用户在一台计算机上通过Internet访问另一台计算机上的信...</p>
<a href="#section1">查看第一部分内容</a>
2)link 文档关系连接
只能出现在head标签中,定义了当前文档和另一个资源之间的联系。
通常用于链接到外部样式表
<link rel="stylesheet" href="style.css" type="text/css">
属性:
href: 定义关系链接地址
rel: 定义当前文档与所连接文档之间的关系。
type: 文档类型
3)base 基准链接地址
设置页面中所有文档相对路径相对的基准URI。如果设定了基准链接地址,当前页面中的所有相对路径都基于该路径
<base href="http://localhost:8888/sg">
4)图片
1,图片类型
适合在网站上进行快速查看的图片格式
GIF (graphics interchange format,图形交换格式)
可以将背景设置为透明的,图片最多使用256中颜色,最适合显示色调不连续或具有大面积单一颜色的图片,如导航条,按钮,图标等。由于GIF图片中存储的颜色信息较少,因此占用空间极小,使用起来更方便。
JPEG(joint photographic experts group,联合图像专家组)
最适合摄影或连续色调图像的彩色照片,jpeg文件可以包含数百万中颜色,保证图片不失真。JPEG图片无法拥有透明的背景
PNG(portable network graphics,可移植网络图形)
PNG可以包含256种以上的颜色,并可以具有透明的背景。PNG文件可保留所有原始层,矢量,灰度,颜色和效果信息,并且在任何时