Main Menu

HTML: The Basics

If you are aspiring to become a website designer as a profession, or just for your own personal projects, you must learn HTML. HTML, which stands for Hyper Text Markup Language, is the basis upon which all other web programming languages are placed. HTML forms the base for all websites, even if it just includes a few tags. Without HTML, no websites would be rendered properly. Although it is not recommended, you can design a complete website simply with Photoshop (or another graphic editing program) and Notepad (for HTML editing).

Tools

In order to raw-code HTML, you will require nothing more than a default text editor included with all Windows machines, Notepad. You can use your Operating System’s native text editor also, if you use something other than Windows. If you are planning to raw code your websites, I do recommend downloading and installing a free text editor called Notepad++. Notepad++ is essentially an enhanced version of Notepad. You can check these guys out to see the features of Notepad++. In simpler words, it includes language markup formatting for many programming languages, so you can check your syntax as you code. This is a valuable tool that I utilize whenever I raw-code something from scratch.

Once you have moved on from the basics of HTML and raw coding CSS, it will probably be in your best interest to invest in a more powerful tool for website building. I personally use Adobe Dreamweaver, and highly recommend it for those aspiring to create websites. It features a WYSIWYG (What You See Is What You Get) editing interface, and also a dedicated code window. You can choose to raw code websites, have a split window designing interface, or design everything within Dreamweaver’s WYSIWYG interface window. I use the split interface, as I am not fluent enough yet to begin raw coding everything.

Tutorial Format

Everything that you are to be code into your editor will be italicized. This will indicate a code block sample. You do not have to follow everything I do exactly; you should modify the custom content to suit your own requirements. Italicized Underlined text will be what you are to modify to suit yourself, as it will have no bearing on the outcome of the webpage. I will not be using this much after today.

HTML Outline

This outline should be the base for all of your raw-coded websites. When you code in Dreamweaver, this is placed in the code immediately after the creation of the new webpage. When you raw code in a text editor, you will need to remember this, and input it every time.

Title Inserted Here

Content Goes Here

This is the essential code that begins any webpage. Copy it down, save it to 4 flash drives, and drive it into your brain. You will need to remember this block of code as a web designer.

In the next HTML tutorial I will cover some basic tags, including

, , and , and we will also create a “Hello World” webpage.

Play around with some body content and see what you can come up with.






Leave a Reply

Your email address will not be published. Required fields are marked *