How to Hand Script a Website





Introduction: How to Hand Script a Website

in this tutorial we will be going thought html scripting.

some code may look like a link please just ignore it

Step 1: You Will Need:

a free web hosting account with this host

Step 2: Basics

1)set the language to HTML (language>HTML)
2)make a new folder on your desktop called website
3)save the file you made in notepad++ as index.HTML (you mus have the .HTML)
4)open the file

see pics for more info

Step 3: Basics

first lets setup the layout.
all HTML pages follow this layout:

this is where all the head information goes (eg,title)

this is where body information goes (eg,text)

dont get it?
thats good, if you did you wouldn't be reading this right now!

Step 4: Tags

all code you write will be in between these <> (except for text).
when you want to stop a command or tag use this /


this text is not bold this text is bold this text is not bold

put that into notepad++ click save then go over to your browser and press f5 on your keyboard.
look what happens!

Step 5: Tags Cheat Sheat

body tags
<a href="put the website to link to here (remember the http://)">put the link text here</a>
<b>text to be bold</b>
<i>text to be italicized</i>
<u>text to be underlined</u>
text size
<hnumber from 1 to 5 goes here >text</hsame number as before>
<img src="URL to image">
new paragraph
new line
line across page

head tags
<title>title text</title>
a bit complex click here

Step 6: Lets Make Something

heres my example HTML page


<h1>this is the title of the HTML page</h1>
is this text?
<b>yes it is</b>
do you like <a href=>miniclip</a>
<img src=""/>


Step 7: Upload

you can up load your files here

Step 8: Done

if you need any help leave a comment



    • Water Contest

      Water Contest
    • Oil Contest

      Oil Contest
    • Creative Misuse Contest

      Creative Misuse Contest

    11 Discussions

    <body oncontextmenu="return false">

    this code will entirely disable right click of the mouse in html or xhtml.

    no, only if you want to get a .com name to get a free one sign up to the webhost in the tutorial

    Just a note that the tag is NOT to invert text - it has the effect of italicizing; the image seems to give the right impression, but the text is wrong.

    1 reply

    This is the title of the HTML page

    You should actually teach them how the <img> code works.

    <img src='' alt="The text which will appear if the SRC url is invalid' >

    And you DON'T have to have an account with 000webhost. There are hundreds of great free hosting websites. From my experience, Geocities and Bravehost are great. Bravehost even gives you little snippets of code for things like passwords, counters and other stuff that a new (or Solely HTML) user would not be able to code.

    2 replies

    Trust me. Make your i'Bles as thorough as possible, it will result in less unnecessary, highly annoying questions.

    You don't specifically need notepad++, but it has contextual highlighting that makes the code a LOT easier to read/understand when you're going back through to debug it. It has some other features, like autocompleting tags, that some people find useful, but the highlighting alone makes it better for writing code than Notepad.

    and trust me, you cant go without highlight on a 2000 line code!