易截截图软件、单文件、免安装、纯绿色、仅160KB

Web开发 第一部分 HTML教程基础（五） img标签

  --------------
1、显示图片：
输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<img src="cat.gif" alt="这是一只猫" />
</body>
</html>
将如下图片保存到（图片上点击鼠标右键，选择“图片另存为”）和页面同一目录文件下，文件名为cat.gif：

在浏览器中查看结果，浏览器中将显示一只猫的图片。
可以看到，标签img用来在浏览器中显示一幅图片，其两个重要属性分别为：
src属性：用于设定图片所在位置的URL（关于URL，请参考URL路径）；
alt属性：当图片无法显示时，用来取代图片位置的文本。
 --------------
2、图片链接
输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com">
<img src="cat.gif" alt="这是一只猫" />
</a>
</body>
</html>
运行代码可以看到，当img标签被嵌套在a标签内时，整个图片将被作为超链接。
当图片被作为超链接后，会出现一个边框，边框颜色和文本类型超链接一致（即分为未点击颜色，正在访问颜色和访问后颜色，参考a标签），可以通过img标签的border属性来控制边框的宽度，例如：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com">
<img src="cat.gif" alt="这是一只猫" border="1" />
</a>
</body>
</html>
特别的，当border属性的值为0时，图片四周没有边框。
 --------------
3、显示样式
输入如下代码：
index.html
<


相关文档：

html 表格


　　1、用表格做流动分割线
　　我们知道，在网页中可以用<hr>标识来做分割线，也可以把表格设置为1个象素高或宽充当分割线。现在，我们将表格与Javascript结合，可以做出更生动的分割线——流动的分割线。加入以下代码，你就可以看到一条分割线，颜色在不断的流动。
<script>
l=Array(6,7,8,9, ......

使用createElement动态创建HTML对象

<script language="javascript">
var o = document.body;
//创建表格
function createTable(w,h,r,c)
{
var table = document.createElement("table");
var tbody = document.createElement("tbody");
table.width = w;
table.height = h;
table.border = 1;
for(var i=1;i<=r; ......

HTML在线编辑器的调用方法和使用方法详解

HTML在线编辑器不需要懂得使用Dreamweaver8，会用Word就会使用此编辑器，在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。
　　但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢？！
　　首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中，文件名是gledit.htm。
　　HTML在线编辑� ......

HTML 中noscript的用法

noscript 元素用来定义在脚本未被执行时的替代内容（文本）。此标签可被用于可识别 <script> 元素用来定义在脚本未被执行时的替代内容（文本）。 标签但无法支持其中的脚本的浏览器。如果浏览器支持脚本，则不会显示noscript 标签的内容。
noscript标签使用示例：
<html>
<head>
<meta http-equiv ......
© 2009 ej38.com All Rights Reserved. 关于E健网 | 联系我们 | 站点地图 | 赣ICP备09004571号