Nesting tags correctly in HTML
The modern browser is very forgiving of HTML errors, but only up to a point. It is critical that you code your HTML accurately at all times and remember that…
HTML “drop cap” using CSS
The drop cap effect can be used to great effect to create a more traditional, book-like effect on a web page. Open up the Codepen and fiddle with the pixel…
Expressing colors in CSS
This article is a follow up to Expressing colors in HTML and is part of a series of posts aiming at helping learners transition from HTML to HTML and CSS.…
The <img> tag
The WWW is largely a visually rich experience. A single HTML web page can be (and usually is) made up of more than just one single HTML file. The page often includes…
Organising website assets
In the CAT curriculum, we use one folder to organise all of our website files. This is seldom the case on a real-world web server: files are usually organised in…
Copying to the clipboard using JavaScript
I found this Youtube video demonstrating how you can copy text to the clipboard using JavaScript: https://www.youtube.com/watch?v=9-vBx7F0lns. I created the following Codepen to save you the hassle of coding out…
Expressing colors in HTML
Webpages are designed to be displayed on a screen and therefore use RGB format. Colors can be expressed in different ways in HTML, however, the HEX RGB notation is the…
Cracking HTML in the CAT syllabus
Even though HTML is a totally new skill for most learners, there is no reason that the HTML questions should not become a place to score really high marks in…
Coding HTML with Notepad++
Whilst Notepad++ is not a full WYSIWYG like Adobe Dreamweaver it does offer a fair amount of help to the HTML coder. It is well worth your while to have…
HTML lists styled as menus using CSS
Website menus are essentially lists of links and are therefore often coded as HTML lists and then styled using CSS to look the way they do. This is semantically correct…