click below
click below
Normal Size Small Size show me how
COP2500 #3
| Term | Definition |
|---|---|
| Images can be... | -Links -Clickable image maps -Banners -Marquees -Billboards -Rollovers |
| In Html images are static... | Cannot be changed without loading a new page or reloading the current page |
| <img> tag is... | tag element for an image |
| ALIGN | Floats the image either to the left or right side of the page or other defined directions (e.g. text-top, top, middle,abs-middle,bottom,abs-bottom) |
| ALT | Alternative text when the image doesn't appear |
| BORDER | Width in pixels of an image border |
| HEIGHT | Height in pixels of an image |
| HSPACE | Added space in pixels to the right and left sides of the image |
| SRC | The URL or location of the image relative to the root document |
| VSPACE | Added space in pixels to the top and bottom of the image |
| WIDTH | Width of the image in pixels |
| <map> | tag element for an image map |
| ID | Name of the image map |
| Name | Also the name of the image map |
| <area> | tag element to define the clickable areas of an image map |
| Alt (referring to image map) | What happens when the user clicks |
| COORDS (image map) | Shape of the rectangle, circle, or polygon in x,y pixel coordinates |
| HREF (image map) | Address of the page that will appear when the user clicks in the area |
| SHAPE (image map) | Assigned a type that represents the area |
| x1,y1,x2,y2 | Specifies the coordinates of the left, top, right, bottom corner of the rectangle (rect) |
| x,y,radius | Specifies the coordinates of the circle center and the radius (circle) |
| x1,y1,x2,y2,..,xn,yn | Specifies the coordinates of the edges of the polygon. (poly) |
| Cascading Style Sheets or CSS | Style Sheet language used on web sites to specify the appearance of each page element, first version introduced in 1996 |
| Style rule | List of style properties to an element or group of elements |
| Format | selector is a -tag element -id -class |
| Style rule precedence | -Browser -User-defined -External -Embedded -Inline |
| Under-defined | Modify the settings in the web browser |
| External | include in HTML using link element: "externalstyle.css" |
| Embedded | Inserted directly in the <head> element |
| Inline | Applied directly to a tag element |
| CSS Defining Colors | Use color names; hexadecimal numbers |
| Hue | tint of the color based on color wheel location |
| Saturation | Intensity of the color; 0 percent-100 percent equates to no color-full color |
| Lightness | Brightness of the color; 0 percent-100 percent equates to black-white |
| Opacity values | How much of the colors below the surface of the current object show through to affect appearance |
| rgba | red,green,blue, opacity |
| hsla | hue, saturation,lightness, opacity |
| font-family | defines font face;fonts ex. Arial, Times New Roman, Verdana |
| font-size | size;sets the font size |
| letter-spacing | size;sets the kerning (space between letters) |
| word-spacing | size;sets the tracking (space between words) |
| Size | is specified as absolute units or relative units |
| Absolute units | are a fixed size |
| Relative Units | are relative to the size of other objects on the web page |
| font-style | type; normal, italic, oblique |
| font-weight | weight; normal, bold, bolder, light, lighter |
| text-decoration | type; none, underline, overline, line-through |
| text-transform | type; capitalize, uppercase, lowercase, none |
| font-variant | type; normal, small-caps |
| Kerning | space between characters |
| tracking | space between words |
| leading | space between lines of text |
| text-indentation | indent from the left margin |
| text-align | alignment;left right center, justify |
| vertical-align | alignment; baseline, bottom, middle, sub, super, text-bottom, text-top, top |
| list- style type | Ordered or unordered; ol, ul |
| Drop shadows | text shadow |
| box shadow | box-shadow:inset color offsetY blur spread |
| Rotate object | transform style; 2d 3d |
| color gradient | linear, radial, repeating |
| rounded corners on elements | border-radius:25px |