Best practice: keep images together in an images folder in the appropriate part(s) of your website structure
Your image will appear approximately where the image code is in the HTML structure, unless you change the location
using CSS
Be sure to use the exact path and filename, with extension, to avoid broken image links
aspect ratio is the proportional relationship between height and width
when coding images, maintain aspect ratio to prevent distortion
aspect ratio is maintained when ONLY height or ONLY width is set
if height and width are both explicitly set, that can override the original aspect ratio
New Tags Covered
<img>
this tag links to an image. It requires a src property with the image location
in order to function.
New CSS Covered
float:
property that affects the position of an HTML element on the page. float can be used to wrap text around an image.
Valid values include left and right.
display:
property that assign a display type to an HTML element. Valid values include block, inline, and
inline-block. inline-block is good for creating buttons.
[selector example] img.left
a selector formatted in this way will apply to the left class only when it is applied to an img tag.