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

13
Colors Colors
  • date post

    21-Dec-2015
  • Category

    Documents

  • view

    227
  • download

    2

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

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