The Structure of a Website Using HTML
When it comes to word documents, the structure of information is like a hierarchy. With the heading most important the subheadings and so on. In HTML, information is structured the same way with H1 being the largest in size and h5 the smallest. H1 is usually the main headings and H2 is the subheadings. The code h1, h2, h3, h4, h5, h6, main , and p are called HTML elements.
Each element has an opening and closing tag. The tag usually has a slash after a forward symbol. (ex: p). Tags act like containers that tell the developer something about the information that lies between the opening and closing tags. To start a website page you’ll need to create an HTML page where the menu, submenu, and other links will be.
HTML’s Best Friend: CSS
CSS has an invisible box around every HTML element and allows the developer to create rules that control the way that each box’s content is presented visually. A developer can add a border around any box containing HTML content and specify its width, height, and background color. Text can also be controlled by color, size, and style.
CSS properties affect how HTML elements are displayed. For example, HTML code H1-H3 content (information) can be affected by the property (color, font family, etc.) and value (Orange, Arial) that CSS provides. The HTML codes are the selector and the properties/values are the declaration. Selectors indicate which HTML element the CSS rules apply to. Declarations referred to how the selector should be styled.
CSS Inside and Out
CSS had both internal and external CSS. CSS external elements consist of links: href, type, and rel. These links can be used in HTML documents to tell the browser where to find the CSS document. An HTML page can have more than one CSS style sheet. Authors can use one CSS for a presentation and the second for the layout.
An external CSS style sheet should be used when building a site with more than one page. However, all pages should use the same style sheet to avoid confusing the computer. Furthermore, the content should be separate. Above all, an external sheet means that one can change the styles used across all pages rather than one file at a time.