HTML语言剖析(九)图形标记

2016-01-29 11:50 5 1 收藏

HTML语言剖析(九)图形标记,HTML语言剖析(九)图形标记

【 tulaoshi.com - Html 】

  <IMG ■ <IMG :<IMG 称图形标记,主要用以插入图片于网页中,至于其它用处如配合影片文件等的播 放及影像地图(Image Map 或称一图多连结)则于不会在这节提及,请看【影像地图】及 【其他标记】。

<IMG 的一般参数设定:

例如 <img =100 =100 =5 =5 =2 ="top" ="Logo of PenPals Garden" =100 =100
设定图片大小,此宽度、及高度一般采用 pixels 作单位。通常只设为图片的真实 大小以免失真,若 要改变图片大小最好事先使用图像编辑工具。 =5 =5
设定图片边沿空白,以免文字或其它图片过于贴近。hspace 是设定图片左右的空 间,vspace 则是设定图片上下的空间,高度采用 pixels 作单位。 =2
图片边框厚度。 ="top"
调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底端、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom,
texttop 表示图片和文字依顶线对 ,
baseline 表示图片对 到目前文字行底线值,
absmiddle 表示图片对 到目前文字行绝对中央,
absbottom 表示图片对 到目前文字行绝对底部,(绝对底部意指它考虑到比方 y 、g、q 等字的下缘)。 ="Logo of PenPal Garden"
这是用以描述该图形的文字,若用者使用文字浏览器,由于不支持图片,这些文 字更会代替图片而被显示。若于支持图片显示的浏览器,当鼠标移至图片上该些 文字亦会显示。 <img src="http://img.jcwcn.com/attachment/portal/jcwcj/2005-12/10/05121012394348299.gif" width=100 height=112 border=0 alt="beautiful girl" 普通插入 显示结果beautiful girl 普通插入

例子二: 原始码<img src="http://img.jcwcn.com/attachment/portal/jcwcj/2005-12/10/05121012394348299.gif" width=100 height=112 border=0 alt="beautiful" hspace=10 vspace=20" 设定上下左右空白位置

来源:http://www.tulaoshi.com/n/20160129/1483538.html

延伸阅读
  标记 类型 译名或意义 作 用 备注 文件标记 <HTML ●文件声明让浏览器知道这是 HTML 文件  <HEAD ●开头提供文件整体资讯  <TITLE ●标题定义文件标题,将显示于浏览顶端  <BODY ●本文设计文件格式及内文所在 排版标记 <!--注解-- ○说明标记为文件加上说明,但不被显示  <P ○段落标...
  ■ 图形标记 <IMG 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ <IMG : <IMG 称图形标记,主要用来插入图形标记,主要用来插入图片于网页中,至于其它用处如配合影片档案等的播放 及影像地图(Image Map 或称一图多链接)...
文件标记   ■ 文件标记 <HTML ; <HEAD ; <TITLE ; <BODY 欲明白本篇【HTML彻底剖析】之标记分类,请看 【 标记一览 】。 也请先明白围堵标记与空标记的分别,请看 【 HTML概念 】。   ■ HTML 基本架构: 以下 HTML Source Code 便是一份 HTML 文件的基本架构: ...
Html简介 全写: HyperText Mark-up Language 译名: 超文件注标式语言(译名之一) 简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上...
HTML 标记一览 标记 类型 译名或意义 作 用 备注 文件标记 <HTML ● 文件声明 让浏览器知道这是 HTML 文件   <HEAD ● 开头 提供文件整体资讯   <TITLE ● 标题 定义文件标题,将显示于浏览顶端   <BODY ● 本文 设计文件格式及内文所在   排版标记 <!--注解-- ○ 说明标...

经验教程

548

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部