Topic 1: Placing the Initial Image
There are several elements needed in order to place a picture within your webpage. A containing tag being a <img> element, this is an open element and contains the next two items within it. First being <source>, which is what tells the browser where to find your desired file in the site root folder, usually a relative or absolute URL. Secondly, the <alt>, this is a short text description of the image that will be displayed when the image cannot be. <alt> is also the text screen reading software will read when being used by the visually impaired.
Topic 2: Rules for Saving Images
There are 3 general rules when it comes to immages and coding, they are as follows. First make sure you save the image in the correct format, all file types have different perks and fallbacks, so make sure your'e picking the correct one. Secondly, make sure you save the image at the same size you want it to appear on the web, this will minimize the chance for any distortion as well as speed up your site. Lastly, always measure your images in pixels, doing this ensures you know the exact size it will be on screen and makes the image compatable with different screen resolutions.
Topic 3: Keys to Website Structure
For me the two main components of controlling the organtization of your website are containing elements and block or inline elements. Block elements are those that start their content on a new line, they are things like <h1>, <p>, <li>. Inline elements are elements that stay within the flow of the text, they are most often used to stylize text using elements like <b> or <i>. Containing elements happen when one or more block-level elements are within another element, they allow for easy organization and help dictate everythings place on the page.