CodeTip Logo

CodeTip

Web design tutorials

Welcome to CodeTip.co.uk. Free, practical web design tutorials for HTML, CSS, JavaScript and PHP.

This site is a collection of simple, easy to use web design tutorials. Each tutorial contains clearly explained code ready to be copy and pasted for you to use in your projects.

Latest HTML tutorials

Special HTML characters

A reference table of special characters and their HTML codes.

Creating a shortcut icon

Add a shortcut icon to a web page using a link in the head section of a HTML document.

Main HTML tags

A list of the main HTML tags with examples of how to use them.

View all HTML tutorials

Latest CSS tutorials

Relative positioning of elements

Using CSS to position elements relatively within another element on a web page.

Horizontal navigation menu using CSS

How to create a simple horizontal navigation menu by applying CSS to an HTML unordered list.

Rounded borders and shadows

Using CSS to give elements rounded borders or box-shadows.

View all CSS tutorials

Latest JavaScript tutorials

Basic canvas example

How to set up a simple canvas element in JavaScript.

Generating the Fibonacci sequence

Generate up to 1000 terms of the Fibonacci sequence using JavaScript.

Making a maths worksheet with JavaScript

How to use JavaScript to create a simple randomly generated maths worksheet.

View all JavaScript tutorials

Latest PHP tutorials

Creating a contact form for a web site

How to create a HTML contact form and email the submitted information using a PHP script.

Creating a web page template with PHP

Create a web page template using the PHP include function to load key elements on each page of your web site.

Displaying the date and time with PHP

Using PHP date() function to display the current date and time in different formats.

View all PHP tutorials