Getting Started with HTML
Here at Lunarpages, we like to share with our customers and clients all the different ways they can use their web hosting accounts. Often lost in all the geeky talk, is the fact that there are lots of people out there who may not be HTML experts. There is nothing wrong with that, and in fact we would love to help. That is what inspired me to create this six part tutorial on learning the basics about the hypertext markup language (HTML for short).
Hyper Text Markup Language, or as you know it HTML, is the markup language for most web pages on the Internet. Now, it is not exactly a language like English or Spanish, which we communicate with orally. A markup language is a system for editing text in a way that changes how the text looks or how you interact with it. Where you use funny looking code to make one section of text look different from the other, the code in question is not seen by the end user. The server the web page is coming from, and the user’s browser come together to help mesh it together as something that is seen as visually appealing to the end user.
Tutorial #2 – Parts of a Web Page, Explained
Before you learn how to create your own web page, you need to learn what all the parts of the web site do, and what they are there for. We covered some of these in the Basics of HTML tutorial, but I am going to mention those again and a few more you need for a basic HTML web page. All web pages are written with a mix of content and code, and you must learn how to mix these elements correctly for your web site to come out looking correctly.
Tutorial #3 – Web Site Navigation
The navigation section of your web site is one of the most important factors to a web site. Why? The navigation is what allows you to move from one section of the web site to the next, linking web pages to web pages, and in all making a web site work. Here I hope to explain why web site navigation is important, along with a few other key factors you should remember when creating your web site.
Tutorial #4 – Body Tag Modifiers
There are several HTML tags that can act as modifiers to how the web page looks visually. First, let us re-visit the body tags. The body tags are there to tell the browser what part of the document is going to be visible to the end user when viewing the web page. This is marked up in your HTML code by putting a <body> where your web page’s content begins and a </body> tags where it ends.
Tutorial #5 – HTML Formatting Tags
When it comes to formatting a web page using HTML code, you can think of it (kind of) in the same way you would look at formatting a document formatted by a word processor. You have your headlines to show you where one section starts and stops. You have your paragraphs to break up blocks of text, and you have line breaks to show where there should be a new line started. Now I am going to show you how to get some of these things done using HTML.
Tutorial #6 – More HTML Formatting Tags
We have already covered some basic HTML tags you will use when writing your web page code. Here are a few more that you might find come in handy, when designing your own web page.
That is it for this tutorial round up – hope it is something you can all enjoy and get a lot of use out of. If there is another series of tutorials you would like to see – let us know in the comments. There is nothing I like more than making sure you all know what to do with your hosting account, after you get it.
November 18th, 2009 at 5:41 pm
With all the cms out there this is the kind of info that would slip through the cracks. I am not a coder so thanks for the post.
November 19th, 2009 at 9:28 am
I have been looking for a guide like this for a while, thanks for giving it to me!