TUT1 How to make a simple HTML page!

Status
Not open for further replies.
V

ViperX

New Member
Oct 18, 2010
20
0
Hi all, I am here to help you become coders just the way I did :).

I have to admit the first part is boring a little but gets more and more exciting.

This is only basic so if your past that then please head over to tut2 by me :).

Programs/Equipment
  • Notepad
  • Or another simple text editor
  • A clean desktop(This is were the file will be)
  • A brain!

Ok so lets start!! How I work is by telling you snippets and explaining what they do.

Also please don't copy and paste it as you will not learn!

Instructions
  1. Open Notepad!
  2. Save it. Call it (index.html). change the drop down box to all files.
  3. Now type this code
    HTML: 
    <html>
<head>
<title>What you want site to be called
</title>
</head>
</html>
    • <html> - This starts off the document! Do not get into a bad habit by not using it!
    • <head> - This is the top part of the document always needed (This is where you would put javascript's and other scripts).
    • <title> This is the name of the document in a way. You only see it on your browser but it isnt the URL.
    • </html> - This ends the HTML tag and ends the website.
    • </head> - This ends the head/top of the html document.
    • </title> - This ends the title, If you didn't have this then the whole site would be the title and would confuse everything.
    TOP TIP1: Always end your html tags if you don't it could be fatal!
    TOP TIP2: Always Copyright your work you can do this by
    HTML: 
    Copyright &copy; Of Yourname/business date - date All rights reserved.
    But remember you cannot copyright other peoples work and claim as your own this is a criminal offence!
  4. Now save just do ctrl + s
  5. We will now add text!
    HTML: 
    <html>
<head>
<h1> Sitename </h1>
<title>What you want site to be called
</title>
</head>
<body>
<p>Site info</p>
<p>More site info</p>
<p>Other stuff</p>
</body>
</html>
    • <h1> - This means header 1 Or in English. Means that it is the first title.
    • <body> - This is the heart of the code. Where all of the good stuff goes.
    • <p> - This means paragraph.
    • </h1> This ends the header you don't want the whole site to be the header do you?
    • </body> - This ends the body tag. Nothing happens if you do not use it just looks unprofessional and proves you do not put effort into your work!
    • </p> - Ends the paragraph
  6. And thats the end of Tutorial one please comment on what you think of the tutorial and feel free to ask any questions

Thread Copyright Of ViperX 2010 - 2011 All rights reserved.
By stealing this thread and claiming it as your own is pathetic and is also illegal.
You have been warned!

Thanks For Reading Goodbye :)
 
RyanMK

RyanMK

Still alive
May 27, 2010
802
117
Very nice tutorial dude. Maybe for the second tutorial you make (if you do) could be about using div tags andstyling them with css.
 
V

ViperX

New Member
Oct 18, 2010
20
0
Yea but I need to introduce other things before like links and tables ect... layout might be while off like tut5 :)
 
RyanMK

RyanMK

Still alive
May 27, 2010
802
117
I hardly ever use tables no more. DIVs Ftw! Btw looking forward to the next one, if you don't mind I might release some TUTs.
 
V

ViperX

New Member
Oct 18, 2010
20
0
Hey don't mention it when I get around to it I'll release a second one
 
B

BAMitsJASON

New Member
Oct 25, 2010
39
0
so it ends up like this <html>
<head>
<title>devbest
</title>
</head>
</html>
<html>
<head>
<h1> devbest </h1>
<title>
</title>
</head>
<body>
<p>Site info</p>
<p>More site info</p>
<p>Other stuff</p>
</body>
</html>
 
Sisija

Sisija

New Member
Sep 23, 2010
27
0
If you want to learn html just simply go to w3schools.com wich there you can teach alot of it try it out.
 
Status
Not open for further replies.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)
☀️  Switch to Light Theme

Latest posts

Top