Monday, December 12, 2011

How to make a html website using notepad?

I'm just learning html and heard that you can make a website using notepad, My question is how? What do I do?How to make a html website using notepad?
1.open notepad





2. type your html, you will need some thing like:



%26lt;!DOCTYPE HTML PUBLIC ';-//W3C//DTD HTML 4.01//EN'; ';http://www.w3.org/TR/html4/strict.dtd';%26gt;

%26lt;html%26gt;

%26lt;head%26gt;

%26lt;title%26gt;Title%26lt;/title%26gt;

%26lt;meta http-equiv=';content-type'; content=';text/html; charset=iso-8859-1'; /%26gt;

%26lt;/head%26gt;

%26lt;body %26gt;

your code here

%26lt;/body%26gt;

%26lt;/html%26gt;





3. press file save as



4. type the file name .html Example: index.html



5. make the save as type ';All Files';

and leave the encoding to what ever it is already



6. find the file and open it, it should display in the browser.







For a beginner i recommend a free piece of software called Hap Edit. http://hapedit.free.fr/How to make a html website using notepad?
Open notepad and start your HTML code like usual. So something like



%26lt;html%26gt;

%26lt;head%26gt;

%26lt;title%26gt;First Webpage%26lt;/title%26gt;

%26lt;/head%26gt;



%26lt;body%26gt;This is my first webpage...%26lt;/body%26gt;

%26lt;/html%26gt;



Then the important step is when you save it, save it as a .html so index.html



If you want to make changes, just open notepad and click open and select the index.html
1. Open notepad

2. type this



%26lt;html%26gt;

%26lt;head%26gt;

%26lt;title%26gt;%26lt;/title%26gt;

%26lt;/head%26gt;

%26lt;body%26gt;

%26lt;/body%26gt;

%26lt;/html%26gt;



that is the skeleton for HTML, the basics, which i wont describe here, there are plenty of resources online.



3. File-%26gt;Save As...

4. Save it as blahblahblah.html (make sure you put .html on the end, or .htm)

5. Add content to the site



May I reccommend downloading Notepad++, it is much better than using just notepad.
You could try the tutorials at http://www.html-tags-guide.com/html-tuto

No comments:

Post a Comment