Links, Links, and More Links
Links allow the designer to navigate from one web page to another so that website users can browse the site to their hearts’ content. There are several types of links that can be used for websites such as a link to open a web browser and to start up an email application on the site to name a few. Links are created using the “a” start and end tag element. The link consists of the opening link tag that’ll shift to another dimension of the site and/or browser. Furthermore, it includes the text that will be clicked on.
Links: Structuring Your Site
For a larger site with many links, it’s good to have a directory structure. The directory structure of the site consists of four types of folders which are grandparent, parent, child, and grandchild. The top-level folder is called a root folder and it contains all of the other files for the website. The root folder contains a file called index.html. The four types of folder has various characteristics. For example, the grandparent folder has a repeat of two dots and a slash while the child folder’s name is just followed by a slash.
CSS in Boxes
In HTML, the text is inside an invisible box, however, in CSS the designer can set several properties that’ll affect the apperance of these boxes. Some of the properties inclused how to control the dimensions, create borders, set margins/paddings , and show/hide boxes. Box dimensions are categorize by width and height with pixels, percentages, or ems. The border around boxes are originally set 0 px wide that can customized. Margins has a width that can be set to create a gap between the borders of two adjacent boxes. Padding is the space between the border of the box and the content within it who’s readability can be increase with more padding.