The Best Primer - Learn basics of HTML-CSS

So you want to learn Web Authoring!

You don't need to look any further, The site that enthuses you to start discovering how...


Our AIMS: about what we hope to achieve for you !!

The main aim, is to help people with average ability in using a computer, to enable them understand the terms and formats used in building simple WEB sites.
We will cover each area, in seperate pages (HTML, CSS, Setting up a Web Site, Tutorials, Sample Coding) making it easier to comprend the contents and examples in Tutorials.

Please note that this information is mainly data and therefore, I have tried to show some variation using CSS to demonstraite how you can enhance simple pages of INFO!! Also how a change can be at various @media sizes.

There are plenty of RESOURCES to use for learning, and this site will give you sufficient explanation of how the various parts of a web page are put together. Making it easier to understand and absorb any tutorials sites visited.

In addition we will give you a substantial number of links to follow covering the best sites to learn.

The Setup section will provide information on how to setup all the requirements, to launch a personal web site on the net.

You will be able to download sample files and add your own data to them, enabling a simple first attempt at a web page!!

If you wish to look at existing sites code on the Internet, you need to go into your browser's menu and search how you view the code. depending which browser you use? search where Web Developer/Web Tools are. Source which will enable you to display, the code. If you use inspector you will see how it is displayed.

Don't expect to be able to read/understand most sites, because if they are large professional sites, they use applications to write their sites.

We will however learn how to code directly, using a simple text editor. What Text editor to use will be dealt with in the HTML page.

You will be able to preview how succesful your attempt is in (Firefox, Edge, Google Chrome, Opera, Safari), Files required 1. file with .html file 2.file with.css

The main point is, Don't jump ahead of yourself. Writing- copying the sample codes, below onto paper helps understanding.

We will also provide you with a list of common abbreviations used by the Industry and this. will speed up your ability to absorb the tutorials.

Examples of codes pages for HTML -CSS across

Once you have viewed the code examples you can then go to the individual HTML and CSS pages for fuller instruction on how to use various, Selectors and Properties. But in the meanwhile you can look at some of the Tutorial Sites in the Sitemap-HTMl-CSS pages.


Comment on number of Tags

Just to give you some idea of the number of available tags, let me first say that it is very unlikely that you would use more than 10% of tags for some time.
Let me make it clear at this stage, all that HTML does is to layout the content. So when you ask, how do you colour or change the appearance of an HTML element you will use coding in Cascading Style Sheets.
Which will be fully covered on its own CSS page.
Web Sites like mine are providing a lot of data, so design is not a priority at this stage. I may have overdone the use of colour to show what can be done.

We may sometimes duplicate a LINK, where it has additional information about the current subject.


Understand how HTML5 and CSS are used to produce Web pages.

Ready     Steady     Go

Before we proceed, lets find out what the above languages deal with.
HTML is Hypertext Markup Language. The number 5 is the latest version. Providing the structure of your page. This is a language that enables you to layout your content, using Tags(<>) to tell browser how to display the content.

CSS is Cascading Style Sheets; it is used by inserting its location in your HTML file, which will then change any styling instructions, by applying them to your HTML element, changing the original default
Example Font colour is set as black(html-default) altered by CSS instruction to red

Let's get you started on this exciting JOURNEY.

Common HTML Elements, (Tags, refers to Element with chevrons <p > - <⁄p >) would be, various sized Headers, Paragraphs, a, href, src, fully discussed in the HTML page.