Amongst my day to day dealings with individuals on the internet - clients routinely ask, “How do I start HTML using Notepad?”
The answer; is painfully simple. Just read the following steps - and you’ll be well on your way to starting and creating your very first HTML code using Notepad.
1. First, open the Notepad program. Immediately you can begin typing your HTML code into the text editor’s white space. For those that need a small snippet of code to start working with - I’d recommend copying and pasting the following; into your Notepad text editor:
<html>
<body>
Hello World!
</body>
</html>
2. When finished, save the file. Click the FILE tab, then select SAVE AS. Now listen up - this step is important. When typing the File Name - be sure to type .html, after your chosen file name. This turns your standard Notepad file into an HTML file. A standard name for website home pages is usually index.html. For your encoding selection - most save in the UTF-8 character encoding format.
3. Once saved - travel to the new file’s location, and double click. Because you saved the file as HTML - it will automatically be opened up in your default web browser. Congradulations - you’ve created your very first web page.
4. Now - how do you open the file in Notepad, and continue editing the code? Right click on the file, select OPEN WITH - and choose Notepad. Notepad will automatically start - enabling your coding fingers to start typing away!
Though many professional web developers purely use Notepad as their text editor of choice - many find Notepad to be lacking in some basic developing needs. (e.g. syntax highlighting, function filling, etc.)
Many in the industry use Notepad++, which can be downloaded and used freely. As of now I’ve been experimenting with Crimson Editor - and have achieved terrific results.
Many years ago - after learning this simple, yet crucial procedure in starting HTML using Notepad; I was immediately grasped by the world of web design. Me, little me - could now create websites.
Website design is an art form; so with these tools - have fun creating your masterpieces!
Using the comments form below; tell us - what do YOU use for HTML creation?
Please note that by saving HTML code locally on your PC - it doesn’t enable your web page to be accessed via the internet. The next step in web design is purchasing a domain name and web site hosting. I’d recommend taking a look at polarPhase.com for reliable hosting services.
Smart Boy Designs is owned and operated by Christian Hollingsworth (aka Smart Boy) - a web/graphic designer, and internet marketing consultant. Christian is currently based out of Northern California.
This blog was produced in an effort to share Christian's passion for design - with the online world.
Read more here.
Heidi Cool
July 14th, 2008 at 6:47 pm
I use Dreamweaver (I edit in code mode - but it is easier to see the various elements here in the different colors than in Notepad) but I started off using Notepad and Simple Text (Mac.) Even now I’ll sometimes open my CSS files in notepad while editing HTML in Dreamweaver so I can see the files side by side.
rachel
July 14th, 2008 at 8:53 pm
i started with using notepad. even now i still use notepad for coding. i only use dreamweaver and other editors for css as i haven’t memorized all the css codes.
ashley clout
December 24th, 2008 at 1:56 pm
could you send me the transcript for html notepad web page desighn plz? many thank