The <wbr> tag
The <wbr> tag in HTML is used to create a Word Break Opportunity. It offers a very fine level of control over where long “words” can break. I came across this tag…
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 Description List
HTML offers 3 types of lists as such: the ordered (numbered) list, the unordered (bullet) list and the (lesser known) Description List. In the Codepen below I have created 3…
HTML <blockquote>
The blockquote tag’s default styling results in a block-level block of text with a left indent. The following HTML code: results in the following: HTML <blockquote> (with a Shakespeare parody)…
Create and add a favicon to your website
A “favicon” is the little icon that appears in various places in your browser & if a favicon is available it will replace the standard Firefox / Microsoft / Safari…
HTML lists
Lists are common structures on webpages. They can be ordered or unordered, also referred to as numbered lists versus bulleted lists. Lists can be styled to perform other functions in…
Hyperlink to a location on the same page
It is a common practice on very long web pages to create a link from one part of a web page to another location on the same page to avoid…
Website contact form
A standard addition to any website is some kind of ability to contact the website owners. Whilst many have opted for the implementation of “chat” functionality, the tried-and-tested Contact form…
Sub- and superscript
Just like Microsoft Word has the ability to create subscript and superscript text, the same can be achieved in HTML. The <sub> and <sup> tags are a simple addition to…
HTML entities
Sometimes you will need to use some less than ordinary characters in the content of your web pages. In Microsoft Word, we use the appropriate special characters and symbols and in…