In this tutorial, we’ll learn a bit of how to create a website, from the beggining. No knowlodge is required.
To create a simple website, you just need three things:
- Some time
- Windows Notepad
- Internet Connection (It can be slow)
Why use the Notepad, if we can use better programs such as DreamWeaver? To learn HTML. With the Notepad, we are going to “write” the site.
“HTML, an initialism of HyperText Markup Language, is the predominant markup language for web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as links, headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of tags, surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) which can affect the behavior of web browsers and other HTML processors.”
- Wikipedia
Let’s start… First of all, open the Notepad. Now, I’ll explain a bit of HTML. Every HTML tag comes between < and >. (for example <html>). Some tags need to end with </[TAG NAME]>. By doing this, the browser will reconize that the tag has finished.
A HTML document should start with <html> and end with </html>. So, open your Notepad and write:
<html> </html>
Save it like this: page1.htm. Remember to change .txt to .htm.
Now, it’s a blanc HTML document.
A HTML document is separated in two parts: Head and Body. Between the Head tags, you put everything you can’t see in the page. Between the body tags, is everything you can see.
So, change the document to:
<html>
<head>
<title>My First Page</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
The <p> tag means paragraph and the <title> tag shows the Page Title.
Save and open your browser. Go to File > Open > Browse… > page1.htm
Look at the name of the browser’s window. There is it!
But why between head if we can see it? We can see it, but not in the page, but in the browser. Between body, is the things you can see in the page.
You did a website… It’s very simple but it’s a website… Soon, I’ll post Part 2, with more tags…
Related Posts:
One Comment, Comment or Ping
kumar kaushik
plz send me second page for html tutorial
its nice
Nov 29th, 2008
Reply to “Creating a Website - Part 1”