ADDING IMAGES
When adding images, you first start by adding the img element. This element also contains the src attribute. This attribute tells the browser where to find the file for the image. Another needed attribute is the alt one. The alt attribute acts as a text description for the image, if the image wasn't able to be seen. The title attribute can also be used to provide more information about the image. In order to keep the images organized and able to function on your site, all images should exist in the images folder. When adding your image, it’s important to define the width and height of your image.
POSITION
In order to position elements on your page, there are a few CSS rules you can use. One of them is normal flow. This is the default flow of text, so if you were to have multiple paragraphs, each would appear vertically one after the other down the page. Another is relative positioning. This form of positioning moves an element from where it would normally be to the top, bottom, right, or left of where it would normally be placed. This can work for indenting parts of a paragraph, or simply shifting something where you’d like it. Absolute positioning positions an element outside of the normal flow. Absolute positioned elements will move as a user scrolls on a page. Fixed positioning positions an element based on the browser window instead of the containing element. However, unlike absolute, the element will not move when a user scrolls on the page. Finally, floating elements will allow the element to exist outside of the normal flow and be placed to the far left or right of a containing box.
POSITION CODE
When defining the position of elements, you must insert the proper code into the CSS. For normal flow, you would put: position: static. However, since the normal flow is the default, you wouldn't necessarily have to add this to your CSS. For relative positioning you would put: position: relative. If you wanted that style applied to all your paragraphs, you would simply add the position to the CSS for the p element. Absolute positioning is denoted by position: absolute and fixed positioning is denoted by position: fixed. Both can be positioned by defining the top, left, bottom, and right positioning on the page. All of this would be used with pixels in mind.