您现在的位置： 圆点视线 >> 教程 >> 网页设计 >> html教程 >> 文章正文
[图文]HTML语言教程:HTML图片 字体 背景           ★★★
HTML语言教程:HTML图片 字体 背景
作者：pc电脑技… 　文章来源：pc电脑技术 　点击数： 　更新时间：2008-10-21 18:03:27　
　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 【字体：小 大】

HTML图片(Images)
用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下：
<img src="url"> url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 "../images/logo/blabla_logo01.gif"。

图片alt属性<img>中有一个alt属性，英文叫alternate text。例句如下：
<img src = "../images/html_tutorials/smile.jpg" alt="smile face">假使浏览器没有载入图片的功能，浏览器就会转而显示Alt属性的值。
其实，现在大多数浏览器都支持图片载入。在此介绍Alt属性，是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字，所以用ALT属性写上图片的说明，便于搜索引擎抓取你网页的内容。

图片align属性用align属性，可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。

图片的大小在缺省状况下，图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变，图片会相应放大或缩小，显示出来的结果可能会很难看。

建议图片相对文字，所占的字节数较多，比如一个全屏的图片，即使经过压缩，也要占去大约50k字节，这相当于25000字的文本。因此浏览器载入图片比较费时，建议一个HTML文件里不要包含过多的图片，否则会影响你的网页显示速度。

HTML字体(Fonts)
在HTML里，可以用font这个元素及其属性来设定字体的大小，颜色和字体风格。
字体大小用字体大小属性(size)来设定字体的大小。示例代码如下：
<p><font size="2">这一段的字体大小的值是2。</font></p>
字体风格用face属性来设定字体风格。示例代码如下：
<p><font fac="arial">这一段的字体风格是arial。</font></p> 字体颜色用颜色属性(color)来设定字体颜色。
<p><font color="#FF0000">这一段的字体颜色是红色</font></p>

注意HTML4的标准中，已经不建议使用font及其属性来设定字体，而是建议用CSS来设定字体的大小，颜色，字体风格等。
HTML背景颜色和背景图片
background属性background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名，如：
<body background="../images/html_tutorials/blabla_logo.gif"><body background="/web/UploadFiles/200810/20081021180352957.gif">如果背景图片小于网页显示窗口，那么这个背景图片会自动重复。
　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：Rainsion    责任编辑：Rainsion 　【字体：小 大】
　
  • 上一篇文章：

    • 　
  • 下一篇文章： 没有了
    		•
    最新文章
    相关文章
    字体教程：教你打造可爱粉红长毛特效字
    CorelDRAW原有的字体怎么失踪了？
    字体安装与在Photoshop中的使用
    表格边框阴影和背景渐变效果
    Photoshop字体安装使用方法和技巧
    网页设计应用：使用CSS截字
    如何利用PHP和CSS改变网页文字大小
    网页中如何让整段文字左右对齐
    如何让12px以下的文字正常显示
    在 CSS 中关于字体处理效果的思考
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    发表评论：
    　姓　　名： 评 分： 1分 2分 3分 4分 5分
    　评论内容： ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点，与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门