This basic tutorial for beginners explains HTML web coding in an easy to understand way with the novice user at mind. A comprehensive tutorial with step by step instructions and accompanying screen shots in Word or PDF format enabling you to build your own basic web page by only using the Notepad editor. This tutorial does not require any prior knowledge of web editing or web coding and will explain how to create a full functional web page for the world wide web. Find a choice of PDF or MS Word documents formats to download below.
Step 1: Create a new folder in My Documents
By right clicking in white space and selecting New then Folder (See Figure 1a) naming it local_websites.
Step 2: Saving images into your web folder
Go to of our photo pages under Gallery. Right click any thumbnail image and select copy. Navigate to your my_first_web_page folder and paste, repeat process so you have two images.
Step 3: Opening Notepad
Open Notepad in windows, All Programs > Accessories > Notepad
Step 4: Using Notepad
Only type code shown in green
Description Actual Code Explanation
Instructions to embed images
Step 5: Saving your Notepad file as index.html
Step 6: Viewing your web page
Step 7: Trouble Shooting
Basic HTML Tutorial Part 1:
My First Web Page
An easy to follow HTML Tutorial for the beginner in Word or PDF format.
What is HTML? The abbreviation stands for Hyper Text Markup Language. The computer language used to create hypertext documents, allowing connections from one document or Internet page to numerous others. HTML is the primary language used to create pages on the World Wide Web.
Duration of this tutorial is approximately 40 - 50 minutes and will enable you to build and view a basic web page.
If you can create a folder, save files and are able to copy and paste this tutorial is not difficult to complete.
(Download of word.docx tutorial might not work properly if using older version of MS Internet Explorer, use the PDF version supplied)
Download instructions in Word.docx format 350KB
Download instructions in Adobe Reader .pdf format 350KB
Educational institutions can contact us to print this PDF for study purposes only.
Expand the Tutorials Menu to access other Web Design and Image Edtiting Tutorials.
Back to Tutorials Main Page
All Creative Designs provide a Web Site Design and Development service with a difference and produce professional and innovative designs to your requirements. Every web site is unique and created without the use of pre-generated templates. We are developing interactive and informative web solutions for non-profit organisations by constructing dynamic member data bases with full administration functions. All Creative Designs services the Nambucca / Coffs Harbour area and NSW.
Tutorials, web designs and all images copyright ©2018 by www.allcreativedesigns.com.au world wide rights reserved.