Free Web Development Training and Tutorials Blog




    



Simple HTML Tutorial

HTML is an abbreviation for HyperText Markup Language and is what is used to program web pages. It is used by placing HTML tags and codes into text (marking up the text) so that  web browsers can understand it and display it as the author has designed the page.

Here are several methods on programming web pages with HTML:

  • using a regular text editor to write the web page content and manually place the HTML tags and code into and around the text. Not very easy for large web pages and sites. Many freeware text editors are available on the web.
  • using an HTML editor; which functions as a text editor, except the HTML tags and code are inserted around the text by using menu options and buttons. Arachnophilia is one of these tools.
  • using a word processor, such as Word or OpenOffice.org's Writer, and saving the file in HTML format. One downside to using Word with this method, is the file will be much larger than needed and Microsoft proprietary codes will be inserted along with standard HTML.
  • using a GUI web page editor, as FrontPage or Nvu, with which you design, construct and write the web page, and in the background the application writes the HTML code for you.
This tutorial will teach you the HTML tags and code required for developing you own web pages. You can write your web pages in a text editor using HTML code, or you can first use a GUI editor and then edit the HTML directly to tweek the way the page looks and displays. 

Simple HTML Tutorial

Lesson 1 - Preparation

Lesson 2 - The Stylesheet

Lesson 3 - Basic Tags

Lesson 4 - Tables

Lesson 5 - Lists

Lesson 6 - Java

Great PHP Tutorials

If you need to get training on how to code your web pages and sites with PHP, then take a look at my post on Home and Learn's Beginners PHP Tutorials. After going through these PHP tutorials you will be able to start coding with PHP immediately. The following PHP topics are taught here: Conditional Logic, HTML Forms,Loops, Arrays, String Manipulation, Functions, Security, Working with Files, Date and Time, PHP and MySQL, and User Authentication. The last 2 tutorial sections teach you how to code your own web Survey and web Forum using PHP.

PHP Topics to Learn:

  1. Introduction
  2. Getting Started
  3. Conditional Logic
  4. HTML Forms
  5. PHP Loops
  6. Arrays and PHP
  7. String Manipulation
  8. Create your own Functions
  9. Security Issues
  10. Working with Files
  11. Date and Time
  12. PHP and MySQL
  13. User Authentication
  14. Build your own Survey
  15. Build your own Forum

Web Design HTML Course and CSS Tutorials

Homeandlearn.co.uk provides some excellent free computer training, including this Web Design Course and these Cascading Style Sheet Tutorials. These course lessons and tutorials will teach you how to create web pages using HTML and CSS. To begin, first read their Introduction to the Web Design Course to see more about what you will learn, and to download their free HTML editor.

Web Design HTML and CSS Topics:


Web Design Course Tutorials

> Section One - A first Web Page

1 Anatomy of a Web Page

2 The Five Minute Web Page
3 The HTML Skeleton
4 Adding Colours to Web Pages

> Section Two - Images and the Web
 
 
1 inserting images into a web page
2 Image Types
3 Design a Web Page with and Image

4 Image Alignment
5 Image Tag Reference

> Section Three - HTML Text Formatting
 
 
1 Text Colour, Headings, Centre
2 Bold, Italics, Sub and Superscript
3 The Font Tag

4 HTML Bullets and Lists
5 Horizontal Rules
6 Extra HTML Formatting Tags

> Section Four - Adding Links with HTML
 
 
1 What is a Hyperlink?
2 Anchors
3 Target and Bookmark Links
4 Email Links

5 Navigational Icons as Links
6 HTML Image Maps
7 Links to Other File Types

> Section Five - HTML Tables
 
 
1 Data Presentation
2 Creating a HTML Table
3 Rowspan and Colspan
4 Aligning Contents in a Cell

5 Tables and Cell Colours
6 Using Images in Tables
7 Nested Tables

> Section Six - HTML Forms
 
 
1 Introduction to HTML Forms
2 Textboxes and Textareas
3 Option Buttons, Chexboxes, Submit, Reset

4 Aligning Form Elements
5 HTML List Boxes
6 Passwords, Buttons, Image Buttons, Hidden Elements

> Section Seven - HTML Frames
 
 
1 Setting up the Frame Document
2 Frame Targetting
3 Creating a Frame Document

4 Inserting Target Links
5 Frames in Rows and Columns



Cascading Style Sheet Tutorials


> Section One - How to Set Up a Style Sheet
 
1 An Introduction to Cascading Style Sheets
2 Adding the Style Tags to your HTML page
3 Style Sheet Rules
4 Where to put your Styles

> Section Two - Formatting Text with Style Sheets
 

1 Using Selectors to set a Font Colour

2 A CSS MouseOver
3 Change the Background colour behind Text
4 Add a Border around Text
5 Margings and Indents



Download a Style Sheet Reference

(54 kb, CHM help file)

Web Design Library

Here is my blog post about the Web Design Library,  which offers a large collection of Web Design Tutorials using Phothoshop, Flash, HTML, CSS,  PHP, and Javascript. Also check out the Editor's Picks.


Page :  1