Summary 6

Topic One: Adding Photos

Photos must be stored in the “image” or folder within the site root folder. Photos are added using the <img> tag, followed by src=, which will route to where the image is stored within the site root folder. Photos must also include an alt description for when the image is not visible, along with a title attribute.

Topic Two: Image Sizing

It is imperative to know the largest dimensions that your image will be displayed at, so that it is not larger than necessary, making the site load slowly. Image height and width are measured in pixels. The size of the image can be specified in HTML, but more specifically in CSS.

Topic Three: Position of Elements

CSS uses several positioning schemes that allow one to control the layout of a web page. These schemes include normal (static), relative, absolute, fixed, and float, with new elements such as flex. Z-index refers to the layering of objects within the layout of the page, allowing one to control which objects are brought forward or sent backward.