Links are created using the <a> element.
The <a> has an attribute called href, which represents the page people will arrive to when they click the link. Users can click on anything between the <a> tags, so whatever is written between these a tags is ultimately what users are clicking. When linking to pages within the same site, you can use a shorthand url known as a relative url. In this case, the name of the href is simply the name of the file. This is what we've done on our work sites.
Every box has three properties that can be adjusted to control appearance.
These three properties include bordern, margin, and padding. The border separates the edge of one box from another and every box has one, even if it's not visible. Margins sit outside the box, allowing you to create gaps between borders of two boxes. Finally, padding is the space between the border of the box and the content contained inside of the box. These are all important things to consider when thinking about readability and function as a whole.
The display property allows you to create block-level elements and vise versa.
The property inline causes block-level elements to act inline. So, you would use display:inline in your css which aligns the content inside your box in a line (like our site navigation). Display also allows you to hide elements from the page by using display:none. In other words, this allows your box such as a div to be invisible while still showing the content that is inside.