When writing links in HTML code, the link is tagged using the <a> tag. Within the opening <a> tag, the link to a specific page is expressed using the href attribute. Between the opening and closing link tags is the actual link text. This text is what users actually see on a webpage. This text should, above all else, help users to get to their desired destinations on the site. Therefore, the text should explicitly state where that user is going. For example, if a link is to the IMDB website, the link text should say IMBD, and not simply click here. The proper way to write a link in HTML code is as follows:
<a href="https://www.imdb.com">IMDB</a>
Generally, the size of a box is exactly the size necessary to hold the contents within that box. In order to change the size of a box, the width and height CSS properties need to be used. These properties can be expressed in pixels, as percentages, or in ems. The use of pixels allows the dimensions of a box to be accurately adjusted down to the pixel. With percentages, the size of the box will remain relative to the size of the browser window it is in, or relative to whatever other elements the box is placed inside. When using ems, the box’s size is relative to the size of the text within it. Oftentimes boxes will shrink to a specific size when a browser is at its most narrow point, and expand to a specific size when a browser it at its largest point. The maximum width and height that a box will be on a screen is defined by the max-width and max-height CSS properties. Similarly, the minimum width and height of a box is defined by min-width and min-height in CSS. These properties ensure that a box’s contents are always readable regardless of the size of the browser window.
The first of these three properties is the border of the box. Every box has a border, even if that border is invisible. The width of a box’s border can be expressed in CSS using pixels or one of these three values: thin, medium, and thick. Each side of the border can be written as four separate CSS properties, or as one property with four separate values.
For example: as border-top-width: 2px, border-right-width: 3px, etc.; or as border-width: 1px 2px 5px 3px;
A box’s border can also be styled using the border-style property, which has a variety of its own properties. The next property that controls the appearance of a box is margins. Margins are located outside of the borders of a box, and can be utilized to create gaps between the borders of separate boxes. The values for margins are expressed as pixels, and can be written in a similar fashion to the values for borders—either as four separate CSS properties, or as one property with four separate values. The third property that controls a box’s appearance is padding. Padding is the space between the contents within a box and the border of the box, and is very useful in making text within a box more legible. For example, padding allows text that is smashed against a box’s visible border to be comfortably moved inward and away from that border. The values for padding can be expressed in pixels, as percentages, or in ems. These values can be written in the same way as the values for borders and margins.