When selecting images, you also need to make sure you are selecting the right type of image and saving it correctly if you are given an option. Most pictures on your computer are made up of a matrix of pixels – short for picture elements. These picture elements are the smallest unit your image can…
As we previously saw, the image (img) tag is easy to use, however, as more and more people view websites on tablets, phones, and other devices besides a computer, we have to be mindful of how images will appear to those users. In CSS we can use responsive design, which adjusts the layout based upon…
We’ve already looked at styling rows within a table, however, you can style more. By default a table doesn’t have any borders, color, or anything else. Luckily, like all HTML elements, you can apply styles to your elements. And since a table is made up of a lot of elements, you can apply styles to…
In addition to the standard tags that you often find people using, there are several optional tags which can be used to help organize the data. Browsers and/or libraries will sometimes use these additional tags to help organize your information and make it more user accessible, especially when dealing with large amounts of information. <thead>…
A table actually isn’t a single tag, but is made up of several tags working together. Some of these tags are required, however, most are optional. Now tables are a bit unique because of the number of optional tags you can define, and how that will help you design and improve the usability of the…
Tables were starting to be used years ago, and unfortunately, they started to be used for bad things (web page layout). This caused a lot of people to shun tables, and try to find ways to avoid using tables, even when it was the right set of tags to use. This is unfortunately just as…
Adding an image is simultaneously easy, and difficult to do. You might think, how can something be both easy, and difficult – well, it is easy to add the image itself, but it can be a challenge to master the process. <img> Tag Let’s start with the easy – the img tag. The image tag…
The description list is slightly “new” to HTML 5. I say new, in that previous to HTML 5, it was called a “definition list” and now it is a description list. The same tags are used, just the name changed. The description list is the least used of the list containers for two reasons. First,…
