怎么在HTML中添加广告位

在HTML中添加广告位方法：

在HTML中添加广告位

工具/原料

广告代码

方法

1、图片广告代码的“格式”

是：<a href="此处添加图片广告指向的网址" target="_blank"><img src="此处添加图片路径地址" width="此处写入图片宽度像素" height="此处写入图片高度像素" border="0" /></a>

2、下面举例说明：

先准备一张广告图片，然后，将图片用FTP工具上传到网站空间，上传的位置没有特别的要求，一般是上传到images（图片）文件夹中，这样方便管理；

3、将图片广告要指向的网址和图片广告的路径地址及图片广告的规格写进“图片广告代码中”。如，图片广告要指向的网址是：/图片广告存放的路径是：域名/themes/tomhua/images/ad.jpg；图片广告的尺寸是240×200。

4、这段代码就写成这样：

<a href="域名" target="_blank"><img src="域名/conten/themes/tomhua/images/ad.jpg" width="240px" height="200px" border="0" /></a>

5、将上述代码写进网站广告位或其他地方，更新一下，图片广告就会在你的网站上显示了。

6、这里需要注意的是图片存放的路径，要包括图片的名称，就是上面代码中的“ad.jpg”部分，整个代码不能出现一点差错，否则，广告图片就不能正常显示了。

7、另外，广告图片的尺寸是可以调整的，就是在“width="240px" height="200px"”这里调整到合适的大小就可以。“width”是广告图片的宽度“height”是广告图片的高度。

如果你正在学习网页制作，就一定会跟HTML打交道。虽然有很多编辑工具可以简化 *** 作，避开复杂的网页代码，但是想要成为一名真正的网页设计师，学好HTML、看懂网页代码才是迈向成功的第一步。

HTML，中文译为超文本标记语言。简单理解为某些字句加上标志的语言，从而实现预期的特定效果。网页正是由这种HTML语言所编写出来的。作为一套标记语言，基本上只要明白各种标记的用法就算学会了HTML。

HTML的语法格式分为嵌套与非嵌套两类，嵌套格式为＜标记＞...＜/标记＞，非嵌套只为＜标记＞。此外，根据标记的不同，有的标记附带有属性参数，则表示为＜标记 属性="参数值"＞，根据个人需要，可添加或去掉相应的属性标记。

一、基本框架

如同人一样，网页也包括了“头部”和“身体”，

＜head＞标记内包含着诸如网页标题、语言编码、网页描述等基本信息，而平时我们真正见到的网页内容均放在＜body＞标记内。现在先介绍一下＜head＞里的基本信息。

网页标题(标记格式为＜title＞＜/title＞)

创建网页标题文字：＜title＞标题＜/title＞ //此处书写的文字会显示在IE的标题栏上。

网页文档信息(标记格式为＜meta＞)

描述网页内容类型：＜meta http-equiv="Content-Type" content="text/htmlcharset=gb2312"＞ //该页面为TXT文本或HTML格式，语言编码方式为GB2312(即简体中文)。

描述网页的关键字信息：＜meta name="keywords" content="这里是关键字"＞

对网页的详细描述：＜meta name="description" content="这里是对该网页的介绍"＞

刷新网页：＜meta http-equiv="refresh" content="5URL=xxx.htm"＞ //5秒种后刷新，并链接到xxx.htm。

二、组成要素

无论网页如何千变万化，构成一个网页内容的最基本要素大体只有五种，即文字、图片、表格、超链接和表单控件，所以下面将围绕着这五个要素逐一列举介绍。

文字(标记格式为＜font＞＜/font＞)

指定文字字体：＜font face="宋体"＞宋体文字＜/font＞

指定文字大小：＜font size="3"＞3号文字＜/font＞

指定文字颜色：＜font color="#FF0000"＞红色文字＜/font＞ //网页颜色采用16位编码，因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。

图片(标记格式为＜img＞)

＜img src="images/pic.jpg" width="400" height="300" border="2" align="center"＞// src指定为路径地址，width为宽度，height为高度，border为边框大小，align为横向位置。

表格(标记格式为＜table＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞)

＜table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"＞＜tr＞＜td＞此处添加文字或图片等＜/td＞＜/tr＞＜/table＞// width、height、border、align与以上的例子作用一样，cellpadding为边框与单元格的间距，cellspacing为单元格之间的间距，bgcolor为表格背景色。

以上所介绍的元素都是只存在当前页中，而网页超链接的出现大大改变了人们的浏览习惯，可根据自己喜好，点击到相关链接查看网页信息。

超链接(标记格式为＜a＞＜/a＞)

＜a href="xxx.htm" title="提示文字"＞链接文字或图片＜/a＞ //href为被点击后的链接页，title为鼠标悬停在链接文字或图片上后出现的提示文字。

表单控件(标记符号为＜input＞、＜textarea＞＜/textarea＞、＜select＞＜/select＞)

表单控件实现了人与网页的交互，像大家常去的论坛、购物站点等都有它的“身影”。

文本框：＜input type="text" value="这是文本框"＞ //value为该控件的值，以下每个表单控件均可设定，不设默认为空

密码框：＜input type="password"＞

单选框：＜input type="radio"＞

复选框：＜input type="check"＞

提交按钮：＜input type="submit"＞

重置按钮：＜input type="reset"＞

隐藏区域：＜input type="hidden"＞

文本域：＜textarea rows="6" cols="30"＞＜/textarea＞ //rows为行数，cols为宽度

列表框：＜select＞＜option＞项目1＜option＞项目2＜option＞项目3＜/select＞

编后：学习HTML的目的不是为了要用它来编写网页，因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素，了解这些知识后可以分析网页的结构，学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些，想要在网页设计方面发展的朋友学好它是非常必要的。

---