3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

The Complete Beginners Guide to HTML

The Complete Beginners Guide to HTML
This tutorial is written from the ground up for complete beginners to the world of programming. Obviously if you are familiar with some programming languages this will be somewhat easier.

If you are new to programming do not get discouraged. I myself tried Python a couple of times but I could never get past  my first tutorial. If you already know a programming language then this can also be useful. This tutorial aims to teach you how to make a simple website. Expect more tutorials on setting up a server.

BTW This tutorial is written for Windows users, I don't own any Apple device, but hey, it might happen someday! Also, most of the stuff should work for Mac.
 
Remove these adsRemove these ads by Signing Up
 

Step 1Getting to know HTML

HTML (HyperTextMarkupLanguage) is a language used to make websites. Please remember that is a MARKUP Language it doesn't calculate anything, it only displays things. Markup languages format content. They change how the content looks.

Tags are ways to tell the computer what to display. You use tags to format the content that you want to display. I will explain...
« Previous StepDownload PDFView All StepsNext Step »
3 comments
Jan 27, 2012. 3:50 PMZoidburger says:
I figured it out, on a Mac all I have is Textedit. Just in case anyone else out there is trying to do this, I'll explain. You have to format Textedit for programming, real simple. Go to Preferences> New Documents, and click "Plain Text" instead of "Rich Text", then go to Preferences> Open and Save, and click the first two boxes, "Ignore Rich Text commands in HTML" and "Ignore Rich Text commands in RTF files". Voilå! It works! :)
Jan 24, 2012. 11:25 PMZoidburger says:
Didn't work for me :( But I am on a Mac, so thats probably why. After I open it as a .html, it just shows the code in Firefox...
Jan 22, 2012. 9:13 AMvishalapr says:
Nice picture for the intro :)

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
2
Followers
1
Author:The_Warlock