HTML学习笔记（4）

来源：互联网发布：java ant 安装编辑：程序博客网时间：2024/06/05 19:46

HTML图像
图像标签（<img>）和源属性（Src）
在 HTML 中，图像由 <img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。

替换文本属性（Alt）
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">

基本的注意事项 - 有用的提示：
假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以慎用图

片。

背景
<body background="picture.~">
gif 和 jpg 文件均可用作 HTML 背景,如果图像小于页面，图像会进行重复。

排列图片
<img src=""align="..."> top,middle,bottom

以图片为链接
<a href="...">
<img border="0" src="....gif" />
</a>

在一张图片不同区域中设置多个链接
<img src="picture_name.jpg"border="0" usemap="#map_name"alt="picture_name" />
<map name="map_name" id="map_name">
<area
shape="circle"
coords="180,139,14"
href ="....html"
target ="_blank"
alt="picture_name" />
img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。

<area> 标签定义图像映射，图像映射指得是带有可点击区域的图像。area 元素总是嵌套在 <map> 标签中。

coords 属性与 shape 属性配合使用，来规定区域的尺寸、形状和位置。
1.圆形：shape="circle"，coords="x,y,z"，这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。
2.多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."，每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。
3.矩形：shape="rectangle"，coords="x1,y1,x2,y2"，第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。
----------------------------------------------------------------------------
HTML背景
背景颜色（Bgcolor）
背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
以上的代码均将背景颜色设置为黑色。

背景（Background）
背景属性将背景设置为图像。属性值为图像的URL。
图像文件不应超过 10k。
--------------------------------------------------------------------------