Upload
nurulbahiyahathzaha
View
216
Download
0
Embed Size (px)
Citation preview
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 122
CreatingWebImages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 222
Creating Web Images A bit diferent rom creating images or
output on paper
Six main actors distinguish them1 Format
2 Colour
3 Sizeresolution
Speed ransparenc$
Animation
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 322
6 factors that you keep in
mind as you create Webpages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 422
1 Formatampeb accessed b$ acs( ampindo)based
+Cs( nix machines and etc
)o most )idel$ used ormats are onthe ampeb -F +-
+0-0etscape and xplorer can ie) all
three ormat
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 522
2 Color 2bit true color monitor
1(444(21 colors
1bit monitor ( 3 colors
5bit monitor 2 colors
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 622
3 Sie esolution Computer images are measured in +67S 8x58 pixels ho) 9- is that
+rinter at 288 ppi pixels per inchlt 32x2 inches
ampeb the image depend on monitor5 ppi 4x inches 1=x1 cmlt
he higher the resolution( the more pixelsWeb page designers tend to keep
their pages under 600 pixels wide sothat viewers can see the entirecontents of the page withoutscrolling horizontally
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 222
Creating Web Images A bit diferent rom creating images or
output on paper
Six main actors distinguish them1 Format
2 Colour
3 Sizeresolution
Speed ransparenc$
Animation
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 322
6 factors that you keep in
mind as you create Webpages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 422
1 Formatampeb accessed b$ acs( ampindo)based
+Cs( nix machines and etc
)o most )idel$ used ormats are onthe ampeb -F +-
+0-0etscape and xplorer can ie) all
three ormat
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 522
2 Color 2bit true color monitor
1(444(21 colors
1bit monitor ( 3 colors
5bit monitor 2 colors
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 622
3 Sie esolution Computer images are measured in +67S 8x58 pixels ho) 9- is that
+rinter at 288 ppi pixels per inchlt 32x2 inches
ampeb the image depend on monitor5 ppi 4x inches 1=x1 cmlt
he higher the resolution( the more pixelsWeb page designers tend to keep
their pages under 600 pixels wide sothat viewers can see the entirecontents of the page withoutscrolling horizontally
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 322
6 factors that you keep in
mind as you create Webpages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 422
1 Formatampeb accessed b$ acs( ampindo)based
+Cs( nix machines and etc
)o most )idel$ used ormats are onthe ampeb -F +-
+0-0etscape and xplorer can ie) all
three ormat
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 522
2 Color 2bit true color monitor
1(444(21 colors
1bit monitor ( 3 colors
5bit monitor 2 colors
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 622
3 Sie esolution Computer images are measured in +67S 8x58 pixels ho) 9- is that
+rinter at 288 ppi pixels per inchlt 32x2 inches
ampeb the image depend on monitor5 ppi 4x inches 1=x1 cmlt
he higher the resolution( the more pixelsWeb page designers tend to keep
their pages under 600 pixels wide sothat viewers can see the entirecontents of the page withoutscrolling horizontally
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 422
1 Formatampeb accessed b$ acs( ampindo)based
+Cs( nix machines and etc
)o most )idel$ used ormats are onthe ampeb -F +-
+0-0etscape and xplorer can ie) all
three ormat
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 522
2 Color 2bit true color monitor
1(444(21 colors
1bit monitor ( 3 colors
5bit monitor 2 colors
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 622
3 Sie esolution Computer images are measured in +67S 8x58 pixels ho) 9- is that
+rinter at 288 ppi pixels per inchlt 32x2 inches
ampeb the image depend on monitor5 ppi 4x inches 1=x1 cmlt
he higher the resolution( the more pixelsWeb page designers tend to keep
their pages under 600 pixels wide sothat viewers can see the entirecontents of the page withoutscrolling horizontally
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 522
2 Color 2bit true color monitor
1(444(21 colors
1bit monitor ( 3 colors
5bit monitor 2 colors
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 622
3 Sie esolution Computer images are measured in +67S 8x58 pixels ho) 9- is that
+rinter at 288 ppi pixels per inchlt 32x2 inches
ampeb the image depend on monitor5 ppi 4x inches 1=x1 cmlt
he higher the resolution( the more pixelsWeb page designers tend to keep
their pages under 600 pixels wide sothat viewers can see the entirecontents of the page withoutscrolling horizontally
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 622
3 Sie esolution Computer images are measured in +67S 8x58 pixels ho) 9- is that
+rinter at 288 ppi pixels per inchlt 32x2 inches
ampeb the image depend on monitor5 ppi 4x inches 1=x1 cmlt
he higher the resolution( the more pixelsWeb page designers tend to keep
their pages under 600 pixels wide sothat viewers can see the entirecontents of the page withoutscrolling horizontally
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 722
Speedgto) can $ou eep do)nload time to a
minimum small picture
he larger an images le size thelonger it taes
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 822
$ ransparency mportant or 2 reasons
1 Bou can create complex la$outs b$
maing one image moe behindanother
2 Bou can tae adantage otransparenc$ to gie an image a non
rectangular outline( adding isualinterest to $our pages
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 922
6 ampnimationoing images
-F
Flash
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1022
Images mages are placed in ampeb documents using the i mg tag his tag is empt$( and thereore has no closing tag he tag is i mg D( E i mg D b$ itsel is pointless it )ill
do nothing At the er$ least( $ou need to let the bro)ser no) )here tond the image that its supposed to place in the document
n order to mae the i mg tag )or( $ou need to use an src attribute
src stands or Gsource(G as in( Gthe source o this graphicH he alue o src is the I7 o the graphic $ou )ant to hae
displa$ed on $our ampeb page hus( a t$pical image tag )illtae the orm
img src JGURL of graphicGD
images
htm
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1122
Inserting Images on aage he location o the image
Kfering alternate text
Add descriptie text that )ill appear o
the image does not
(img src)Winter+pg-
(img src)Water lilies+pg alt)ater lilies-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1222
Specify SI0 of theimageampithin img tag( ater src attribute( t$pe
width=ldquox height=ldquoy in pixelslt
(img src)Sunset+pg alt)sunsetidth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1322
inks Starts )ith a and ends )ith a Cannot use the a tag b$ itsel( because it
doesnt do an$thing
Boull need to enhance the AD tag )ithattributes lie
href Stands or Hh$pertext ref erence(H A )a$ o sa$ing( Ghe location o the le )ant
to loadG ost anchors are in the orm ahref=$amp$( )here URL is the location o theresource to )hich $ou )ant the lin to point
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1422
inking humbnails toImages $ou hae a particularl$ large image(
$ou can create a miniature ersions or
thumbnail o it hat lin leads the isitor to the ull
size image
(a href)C45ocuments and Settings4hanamunira4y 5ocuments4278S14I8IC 19385S4mystu 4eek to4Sunset+pg-(img src)ss+pg alt)ltsunset= - (br -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1522
aking Images Float mage Loat along side o $our )eb
page( )ith text and other elements
)rapping around the other
as deault 7F align I-gt or 7F
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1622
(88 making image oat 88-
(p-
(img src)gtlue hills+pg align)rightalt)bluehills idth)1$ height)1-
(img src)gtlue hills+pg align)left
alt)bluehills idth)1$ height)1-
(p-
(center-
(img src)gtlue hills+pg alt)bluehillsidth)1$ height)1-
(center-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1722
Stopping 0lement fromWrapping mage )ill appear at the end o the
image
(br clear)ltright= -
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1822
Imagese deprecated Aspace and hspace attributes to
add a bufer around the image
(body-
(h1- ampI I0 (h1-
(img src)ltimage1+pg= align)ltright= idth)lt2=height)lt3$= alt)ltan IampB0= Aspace)lt1$=-
(br clear)ltright= -
(p-his IampB01 are align to the IB of thisteDt(p-
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 1922
ampligning Images align attribute is or aligning images
)ith text
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2022
(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltteDttop= alt)ltsEuare= -teDttop
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)lttop= alt)ltsEuare= -top(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltmiddle= alt)ltsEuare= -
middle(p-
(p-(img src)lttall+pg= alt)lttall image= -default(img src)ltsEuare+pg= align)ltabsmiddle= alt)ltsEuare= -absmiddle(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltbottom= alt)ltsEuare= -bottom(p-
(p-(img src)lttall+pg= align)ltteDttop= alt)lttall image= -teDtto(img src)ltsEuare+pg= align)ltabsbottom= alt)ltsEuare= -
absbottom(p-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2122
1 eDttop aligns the sMuare )ith the
highest text in the line2 op align the sMuare )ith the highest
element in the line
3 iddle aligns the middle o the sMuare
)ith the middle o the text ampbsmiddle aligns the middle o the
sMuare )ith the middle o the largest item in the line
$ gtottom aligns the bottom o the sMuare)ith the baseline o the text
6 ampbsbottom aligns the bottom o thesMuare )ith the bottom o the largest item
in the line
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-
7212019 4 imageslinks
httpslidepdfcomreaderfull4-imageslinks 2222
ampdding oriontalulesKne graphic element that is completel$
supported b$ the maNorit$ o the
bro)sers is the horizontal rule
(body-
(hr sie)lt2= idth)lt9= align)ltcenter=noshade)ltnoshade= -
(body-