前端开发之html

1. head部分

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>等牛奶的咖啡</title>
	<meta name="author" content="lee.ll" />
	<!-- Date: 2012-11-20 -->
</head>
meta定义中文编码,放在title之上,避免可能出现的中文乱码


2.img 的 alt 和 title

一定要定义alt属性,用于在图片不显示时给出提示信息,IE下图片位置出现红X

titile 鼠标位于图片时显示的信息,可以不用定义

IE7 鼠标位于图片上显示alt信息,可以定义一个空的title,title=""


3.图片区域链接

<div style="position:relative;">
	<img src="coffee.jpg"/>
	<a style="position:absolute;top:65px;left:262px;width:42px;height:28px;background:url(q.jpg) -9999px -9999px no-repeat;" href="http://www.taobao.com">	
	</a>
</div>

div 设置 relative   a标签设置 absolute

a标签设置background:url(XXX.jpg) -9999px -9999px no-repeat;用于兼容IE指向一个不存在的图片和看不到的位置

也可以使用map实现,但img需设置border=0,否则图片有蓝边

<img src="coffee.jpg"  usemap="#testmap" style="border:0"/>
<map id="testmap">
    <area href="www.taobao.com" coords="262,65,304,95"/>
</map>

4.

你可能感兴趣的:(前端开发之html)