[TuT] How to make a basic HTML webpage

Quentin™ · 05-19-2012, 03:52 PM

What you'll need:

Notepad
or
Notepad++ (LINK IS AT BOTTOM)
An Internet Browser.

Lets Get Started

Okay, open Notepad++. Were going to start off with something like this.

<HTML>

</HTML>

_____________________________________

<HTML> = Beginning
</HTML> = End

Now,Where gonna start off with tour websites header. You may say how do I do that, well I'm gonna tell you Smile

I like to have some humor when doing things, it keeps me from getting less frustrated when things get hard....Anyway follow my steps.

HTML>
<HEADER>
<TITLE>Example #1</TITLE>
</HEADER>

Now there is your header/title. Next were going to get to the information part. Lets say you want to tell about your site, well this is the next step your going to want to follow. The information and pictures and stuff are called the body which is what we are about to do. Im also going to tell you how to center it.

<HTML>
<HEADER>
<TITLE>Example #1</TITLE>
</HEADER>
<BODY>
<CENTER>
<P>The Information you may want to talk about.</P>

_____________________________________

Now you may say hey Axbsond, what if I want pictures in my website. Im gonna show you, relax your mind first. Follow my steps down below.

<img src="Image Location or image link"

Example of image link ---> http://www.memestick.com/images/MULTIPIC...%20bro.jpg

All together your Script should look something like this

_____________________________________

Finishing Product

yours should look something like this

<HTML>
<HEADER>
<TITLE>SS Exploits & Hacks</TITLE>
</HEADER>
<BODY>
<CENTER>
<P>You Noobs Actually Thought You'd Get Hacks From Subliminal Supremacy.</P>
<img src="http://25.media.tumblr.com/tumblr_lu709vFPEe1qhed4wo1_250.gif">
<img src="http://www.memestick.com/images/MULTIPIC/u%20mad%20bro.jpg">
</CENTER>
</BODY>
</HTML>

______________________________________

Saving it

Go up to file, click save as, change the type to All Files, and save it as "yoursite.html
Wasn't that easy.. Smile

______________________________________

How to upload this into a site

Things you need:

A site you want to upload it on such as .webs

______________________________________

Lets Get Started Part 2

Go to webs.com or search it up in Google.
Make an account
When it brings you to the edit made, Look for New Page and click it.
It may say something like this "Add A Page New page name: |.html|"
If its not changed to .html already change it to it.

When you've made your new page click the pencil on the right side of it, and a HTML box page should appear, copy everything you've done from the Notepad++ and paste it on the HTML box page that appeared.

______________________________________

Finishing Product

This is an example of a simple page I made.

[Image: Yea%20lol.png]

http://notepad-plus-plus.org/ <---- Notepad++

chipp · 05-19-2012, 06:26 PM

it's more to "graphic design" or "programming" thread, and not hacking tutorial, IMHO

NiTrOwow · 05-25-2012, 02:22 AM

Fun for members who don't know how it works.

Regards,
NiTrOwow