Building a WEB page - Using blocks of code to build your own WEB page

This page explains how to make use of the other 3 pages facilities.

You will need to open the files in a HTML Text Editor to view the source code. If you opened them in a browser (Firefox-Chrome-Safari-Opera- Internet Explorer-Edge) you can view the facility to view code source by opening WEb Developer- Inspector in main menu. Each browser has similiar facilities. Just search browsers help to find their method. Monzilla Firefox is the one discribed above.


Notepad++ (WYSWYG) editor
HTML Editors

First Pages-Code

Using basic CSS and HTML

This page has details of a simple HTML/CSS example, using historical coding. This has stood the passage of time for many years. ou can load files into display: itor or open and load into browser

Load basic HTML

Only need to load CSS to view as HTML file points to location

View basic CSS file

Try any of the links below to review HTML

w3schools re HTML/CSS guide

Shay Howe's HTML-CSS guide

Second page-Code

Advanced page using re CSS Grid Layout page

This block has details of the use of CSS Grid Layout using the latest coding. This method enables responsive grids to be produced. Less reliance on outside programs. Making full use of HTML5 and CSS3. Don't forget about how to view coding using an Editor or the use of Web developer-inspector

Load CSS Grid Layout html file

Only need to load CSS to view as HTML file points to location

View CSS in the grid file

CSS Grid in 5 mins.

Very good brief article to tickle your interest in CSS Grid Layout.

Guide by CSS-Tricks re CSS Grid Layouts

A substantial article, excellent for reference purposes to supplement other sources.

The third page-Code

Tips and hints on where to find them

This page details the use of links to sites that can help you expand your grasp of the various methods of coding CSS Layout News

Rachel  Andrew

Rachel is a major a contributer in CSS Grid Layout, supporting education for users receive up to date news on facilities.

Sample CSS Grid layout(add content??)

This example of Grid layout can have content added

Load simple Grid layout

Only need to load CSS to view as HTML file points to location

View basic CSS file