top of page

HTML Basics


HTML is usually seen as a simple computer language, but what more is there to it, and how do you learn?

Sure, it is much simpler than almost any other language out there, but really is its purpose.

HTML is a markup language.

HTML stands for: Hyper Text Markup Language

Let’s get started with the basics:

Here is a simple HTML document

The <!Doctypehtml> states that the document or document type is HTML

The <html> tag states that everything inside it is HTML

The <Head> tag is the basic info that will show in the top.

Here I have put in Heading 1 or <H1>

A good way to organize your content, for later edits in CSS, is by using dividers. You add a divider then add a name of the section or class. It is as simple as that.

data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

Lets add some navigation now.

Firstly, UL stands for Unordered List.

Li will set up the list in an order.

<a href is for setting up a link. This makes your text a link.

When it is all done it looks like this:

<!doctype html> <html> <head>

<h1>Film Planet Productions</h1> </head> <body> <div class="nav">

<ul> <li><a href="#">Home</a></li> <li><a href="#">Videos</a></li> <li><a href="#">About Me</a></li> </ul> </div>

</body> </html>

Or, if a picture is better, it should look like this

If you are more of a visual person, check out the video:

  • Facebook Basic Square
  • Twitter Basic Square
  • Google+ Basic Square
Home
Featured Posts
Recent Posts
Archive
Search By Tags
No tags yet.
Follow Us
bottom of page