13
Colors Colors

ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

  • View
    232

  • Download
    2

Embed Size (px)

Citation preview

Page 1: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

ColorsColorsColorsColors

Page 2: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

ReviewReview

• Image markup <IMG SRC=…>• Important attributes

BORDER, WIDTH, HEIGHT ALT, ALIGN• Image link <A href=…> <IMG src= …> </A>

Page 3: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Today’s Topic

• Bookmark• Image Map• Colors

Page 4: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Namede Anchors

• <A name=“ ”> cause the anchor element to

function as a bookmark in the webpage

Page 5: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

defining and using of Named Anchor

• <A name=“myBookMark”> </A>

Using: <A href=“#myBookMark”> ….

</A>

Page 6: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Reference to named anchors in other pages• <A href=“page_url#named_anchor> … </A>• <A href=“news.html#news2> News </A>

Page 7: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Image Map attributes

<MAP NAME=“mapname"><AREA HREF="contacts.html"

ALT="Contacts" TITLE="Contacts" SHAPE=RECT

COORDS="6,116,97,184"></MAP><IMG SRC=“ … “ USEMAP="#mapname">

Page 8: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Attributes of Image Maps

• Shape• COORDS

Page 9: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Using Image map• <A SRC=… USEMAP = “#mapname”>

Page 10: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Color• Defined using a hexidecimal

notation• The combination of Red, Green,Blue (RGB)• The lowest value – 0• The highest value – 255 (hex #FF)

Page 11: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Combination of R, G, BColor Color HEX Color RGB

#000000 rgb(0,0,0)

#FF0000 rgb(255,0,0)

#00FF00 rgb(0,255,0)

#0000FF rgb(0,0,255)

#FFFF00 rgb(255,255,0)

#00FFFF rgb(0,255,255)

#FF00FF rgb(255,0,255)

#C0C0C0 rgb(192,192,192)

#FFFFFF rgb(255,255,255)

Page 12: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

More user-defined colors

Page 13: ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Assignment

www.cise.ufl.edu/class/cgs3066sp04/perioid4/lab7_assign.html