Summary 5

Links and Boxes

Topic 1 - Adding and Using Links

Links can be created on a web page by containing any string of text inside of an <a> element along with an “href=” referencing the URL of the connecting page. Some versions of links can be made with modifiers that do specific things when they're clicked, such as “target”, which opens the link in a new window. There are also ways to make a link take the user to a different part of the same page by giving elements on it tags that can be referenced by clickable links.

Topic 2 - Box Dimensions

Boxes are auto-created whenever elements are put on the page, and every section of the html code has one by default so it's easier to tell where elements are located. The size of the boxes are only big enough to contain their elements when made, but it can be edited by using the “width” and “height” properties to either a set amount of pixels or a percentage size of it's container. There are also commands that can limit the minimum or maximum size of boxes when using percentages to define its' size.

Topic 3 - Styling and Positioning

Boxes have several styling options available to them, the most common being the ability to add borders, edit their width in whichever direction, and change the type of border (dashed, dotted, double-lined, etc.). Boxes and their borders can also have their colors changed independently of each other, and every side of a border can have different colors as well. Boxes also have padding and margin properties, the former changing how far the contents are from the sides of them, and the latter changing the boxes location in relation to its' container.