Visual Elements and Graphics in Web Development

These flashcards cover key vocabulary and concepts related to visual elements and graphics in web development, as presented in the lecture.

Horizontal Rule Element

The

---

tag configures a horizontal line on a web page.

CSS border Property

Configures a border on the top, right, bottom, and left sides of an HTML element with specifications for width, style, and color.

Block Display Element

A type of display elements whose default width extends to the browser margin.

Inline Display Element

Display elements whose border closely outlines the element content.

CSS Padding Property

Configures empty space between the content of the HTML element and its border.

CSS Background-Image Property

Configures a background image for a webpage that tiles by default.

Image Optimization

The process of creating an image with the lowest file size that still renders a good quality image.

Figure Element

A self-contained unit of content, such as an image, along with an optional figcaption.

HTML5 Meter Element

Displays a visual gauge of a numeric value within a known range.

HTML5 Progress Element

Displays a bar that depicts a numeric value within a specified range.

RGBA Color Values

A color model that includes red, green, blue, and alpha (transparency) values.

HSLA Color Values

A color model that includes hue, saturation, lightness, and an optional alpha transparency.

CSS background-repeat Property

Configures how background images repeat in the browser.

Favorites Icon (favicon)

A square image associated with a web page, displayed in browser tabs and bookmarks.

CSS Sprites

An image file that contains multiple small graphics configured as background images for various web elements.