本文档介绍了HTML中的图像标签和基本语法,包括常见的图片格式如.jpg、.gif、.swf和.bmp的特点及用途,以及HTML文档的基本结构和相关标签的使用。
在HTML中,图像标签`<img>`用于插入图片。要插入图片,我们需要指定`src`属性,该属性指明图片的URL,例如`<img src="image.jpg">`。另外,还可以通过`alt`属性提供图片的替代文本,这对于搜索引擎优化和视觉障碍的用户非常重要。在描述中提到了几种常见的图片格式:
1. **.jpg** - 这是一种有损压缩格式,适合网页使用,因为它的体积小,但压缩可能导致画质损失。
2. **.gif** - 支持无损压缩和透明度,常用于网页上的简单动画和logo,但其透明度支持有限。
3. **.swf** - 用于创建网页动画,文件小,便于网络传输,但制作过程较复杂。
4. **.bmp** - 提供24位颜色深度,兼容性强,但不支持压缩,文件较大,不适合网页使用。
HTML的基本结构由`<HTML>`, `<HEAD>`, 和 `<BODY>`标签组成:
- `<HTML>`标签包裹整个文档,是HTML的根元素。
- `<HEAD>`标签包含文档元信息,如标题`<TITLE>`,以及`<META>`标签等,这些信息不会在浏览器窗口中显示。
- `<BODY>`标签则包含了网页的实际内容,如文本、图像和链接等。
在网页制作中,`<BODY>`内的元素可以通过文本相关标签进行修饰,如`<b>`(粗体)、`<i>`(斜体)、`<u>`(下划线)等,也可以用`<p>`标签组织段落,`<br>`标签插入换行。
对于图像和文本的对齐,可以使用`<img>`标签的`align`属性(老式方法)或者CSS的`float`、`display`等属性来实现左对齐、右对齐或居中。超链接则通过`<a>`标签创建,`href`属性指定链接地址,`target`属性可以设置新窗口打开或者在当前窗口内跳转。
HTML学习的目标是能制作静态商业网站,包括创建图文并茂的页面和实现页面间的超链接跳转。初学者可以使用简单的文本编辑器如记事本来编写HTML代码,保存为.html或.htm文件,然后在浏览器中预览效果。`<META>`标签用于设定文档的元数据,例如`<META http-equiv="Content-Type" content="text/html;charset=gb2312">`定义了文档的字符编码为GB2312。
通过学习这些基本概念,你可以开始创建自己的HTML网页,并逐步掌握更高级的功能,如表格、列表、框架、样式表(CSS)和JavaScript等,以构建更复杂的交互式网页。