An ordered list provides a list of items that should be viewed and/or performed in a certain order. In a college or university setting, you might be given a series of classes that are recommended to take in a given order due to prerequisites. Or you might have a list of steps needed to perform…
The unordered list is probably the most frequently used list, and it is sometimes (inaccurately) called a bulleted list because each item is preceded with a bullet point. In reality, an unordered list is a list of items, which the order of the items found doesn’t change their meaning. For example, I could have a…
Linking to an external site means you always need to give the full address. This includes the host, any subfolders, as well as the final file that you wish to link to. Additionally, you will need to prepend the protocol. As of 2019, Google and others are recommending everyone be using https (Hyper Text Transfer…
The most common form of linking will be to other pages within your website. These are often called internal site links, as they are part of your own website. When you link to another file, you need to specify the file name in the href attribute like is shown below. Notice that the only required…
Long web pages were common in the mid to late nineteen nineties. Old servers used to charge by the number of pages you stored on them, and the number of pages that were downloaded. Therefore many developers created long pages on content, instead of breaking it down into smaller chunks. To make navigation within the…
HTML documents came out of the desire to share information from one place to the next. But an early determination was that there was a need to interconnect related documents. That way, instead of having to incorporate all the information from multiple sources, the author could reference another document and it would be easy to…
Now we want to edit the links in our navigation bar. We have not looked at linking elements yet, so we’ll ignore the links themselves, and focus on initial styling. First we’ll set our nav tag. These three rules will set the padding, so we have some space around our navigation bar, fix it so…
The first thing we should mention about this tag is that the aside tag is not for creating sidebars. It is designed to provide additional information about the main content around it. The data within the aside tag should be related to the surrounding content. Often, it is found within a section, or article, tag…
