|
|
 |  | | Tutorials | | | Beginners Guide to HTML |
|---|
Chris McIlroy
http://www.c4sites.co.uk/
http://www.c4sites.co.uk/tutorials.php | | | This is a very basic guide for people who have never used HTML and want to get
an idea of how it works.
Firstly you might wonder what HTML stand for *drum roll*
Hyper Text Markup Language
Not very exciting huh?
To start coding in HTML you will need an editor, there are many to choose from
however the simplest thing to use is notepad (which comes free with windows).
To open notepad go to Windows Key > Run > Notepad.
Now lets get started.
Here is an example of what you need to start a page.
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
<HEAD>
<TITLE>My First Page</TITLE>
</HEAD>
<BODY>
My First Text - Hello World!
</BODY>
</HTML>
Simple copy and paste the above text into notepad then:
File > Save As > first.html
Now find the file and double click on it and you will see your first HTML page!
If you go back to notepad and have a look at the code you will notice that if
you open a tag you must close it for example <html></html> this must
also be done in sequence see the examples below one is correct and one is wrong.
Wrong
<b><i>Text</b></i>
Correct
<b><i>Text</i></b>
I hope you found this interesting I will be adding part 2 soon, also please find
an explanation of each tag used in this tutorial.
<HEAD>
The head element contains all the information about the document, such as the
<TITLE>, <BASE> or <META> information. It does not contain any
text which is part of the document, this should be in the <BODY>. The
<HEAD> would follow the <HTML> tag and precede the <BODY> element.
<TITLE>
The title element should contain a complete one line summary of the document,
ie. "Intro" is not sufficient, but "HTML Tutorial Part 1" would suffice.
<BODY>
The <body> element contains all the information which is part of the
document, as opposed to information about the document, which should be in the
<HEAD>. The <body> tag should be placed directly after the closing
head tag, </head>. The closing body tag, </body> should be placed as
the penultimate line of the document, directly before the </HTML> tag.
<b>
Makes the text Bold.
<i>
Makes the text Italic | | | | Click HERE to add an Tutorial here for FREE |
|
|
|
