How To Use HTML and CSS

My University studies require that we understand and can use HTML and CSS. Now we have all surfed the internet and it is second nature when it comes to search for a website or information on things that we are interested in. But have you ever wondered how the web pages are made?

Website Spying
As the subtitle says we can spy on websites using our web browser. Here is a neat trick that will show you the HTML code and other information that makes up the webpage you are looking at on your web browser.

View Web page Coding
Mozilla go to the top left hand corner next to file click View → Page Source

Internet Explorer go to the top left hand corner next to file click View → Source

A page will open with all the html code and references to CSS and Java scripts etc. I do this offen when I see an interesting method of displaying content on a web page. After a while you will be familiar with the html code and where to look for things such as movies, pictures or links to other sites.

To help you bet familiar with HTML and CSS I have provied a list of articles that will help you get started.

HTML Tutorials and Information

HTML 4.01 Quick List
List of HTML tags and their use

Overview of all HTML tags
A listing of html tags

Starting with HTML and CSS
HTML and CSS for Beginners. This article explains how to create a HTML web page and it using CSS. It is easy to understand. Just copy and paste the code in a text editor. Give the web page a .html extension and you can create your first web page.

HTML Document Tags - HTML Code Tutorial
Tutorials explaining how to use and create html documents that can be viewed in web browsers

HTML Tutorial
w3schools explains the use of html tags to create an html document

HTML element - Wikipedia, the free encyclopedia
A list of tag elements used and HTML5. This is very informative list of elements that no longer exist and tags you may never had hear of. It is an excellent reference of html tags and their programmatic use.

HTML Character Entities Table
Ever wanted to display a symbol such as the copyright symbol or any other character/s that are not part of the alphabet in a html document. Here is a table of character entities and their & values that can be added to and displayed in a html document

CSS Tutorials

CSS Decorative Gallery
How to create a decorative gallery for your images. The article has a variety of options that are available to you and will inspire your creative energies.

Floatutorial: Step by step CSS float tutorial
This article explains how to use the float command in CSS. You can create 2, 3 column layouts and image galleries.

CSS Tutorial - Table of contents
This article explains how to use CSS. It is explained in simple terms and takes you through a lot of useful CSS tags that will set you on your way to CSS

CSS Tutorial - Introduction to CSS
Learn how to code CSS, easy to learn and understand tutorials. Taking you step by step, explaining the advantages and how to use CSS for you website/pages.

The Complete CSS tutorial
Tutorials explaining the use of css (cascade style sheets) to set the style of a html documents content

CSS Tutorial
w3schools explains the use of css to style the content of an html document

Cascading Style Sheets - Wikipedia, the free encyclopedia
Description of CSS and its use

CSS-Tricks
Website design articles, tutorials and video tutorials. Excellent resource for learning how to design web pages using css

Introduction To CSS
A simple tutorial on how to use css such as controlling what information will be printed out when a internet visitor want to print your main content/article