Summary 6

Chapters 5 and 15

1. Photos can be placed into HTML code.

Any image used for the website should be placed into an image folder within the root folder. Images are added by using an empty element, <img>, and follow with source information and alt text. The height and width of the image must match the box dimensions created for the website.They should also be saved in the correct format for the type of image used. Images may be placed before, inside the start, or in the middle of the paragraph.They could also be aligned horizontally or vertically, although this is done better with CSS coding.

2. Elements in HTML are treated as blocks in CSS coding.

Block level elements always start a new line, and blocks may be placed within parent blocks. Using a <div> element allows multiple blocks to be grouped together. Blocks and elements can be positioned using schemes such as static, relative, absolute, and fixed, and may require a z-index to be defined to control overlap. Static positioning is normal block-level flow, and relative positioning is a movement from the original position to a defined coordinate. Absolute positioning works the same way without affecting the flow of the page, and fixed positioning places a box so that it is always visible, even as the user scrolls.

3. Float is used to set boxes side by side and create a webpage layout.

The float element makes boxes magnetic, so that they snap to either the right or left side of the page. Using them along with width control on boxes allows for multiple to be placed side by side. If the float creates structural issues, the clear property can be used to declare that a box cannot be touched on a specific side. A fixed width layout or liquid layout should be taken into consideration when creating boxes, as both have pros and cons that include design control, negative space, screen resolution adjustment, and stretching or contracting boxes. Layouts should always be preplanned by using grid layouts in order to create information consistency.

© Copyright 2022 Shannon Glaser