How to make your own website on notepad

how to make your own website on notepad

How to build a website using notepad

Nov 09,  · Improved version: TURN ANNOTATIONS ON!!!!! Showing you how to make your own website using notepad. Oct 23,  · hey guys its webbwizzard here and i have a tutorial on html coding your own website. This video will show you tons of stuff on how to enter text or pictures.

This article was co-authored by our trained team of editors and researchers who validated it for accuracy and comprehensiveness. This article has been viewed 1, times. Learn more This wikiHow teaches you how to create a simple, text-based webpage by using your Windows computer's Notepad app. You'll use HTML as your webpage's language.

Log in Social login does not work in incognito and private browsers. Please log in with your username or email to continue. No account yet? Create an account. Edit this Article. We use cookies to make wikiHow great. By using our site, you agree to our cookie policy. Cookie Settings. Learn why people trust wikiHow. Download Article Explore this Article parts. Tips and Warnings. Related Articles. Part 1 of Open Start. Search for Notepad. Type in notepad to do so. You should see a list of matching results appear near the top of the Start menu.

Click Notepad. It's a blue notepad icon at the top of the list of results. Doing so prompts Notepad to open. Click File. This is in the top-left corner of the Notepad window. Clicking it prompts a drop-down menu. Click Save As…. It's in the drop-down menu. The Save As window will open. Click the "Save as type" drop-down box.

Clicking it prompts a drop-down menu to appear. Click All Files. This will allow you to save your file as an HTML how to make pilgrim bonnets. Select a save location. Click the name of the folder in which you want to save your document on the left side of the window. For example, to save your document on the desktop, you would scroll up and click Desktop in the left-hand sidebar.

Enter a name and the "html" file extension. Click the "File name" text box, then type in whatever you want to name your file followed by. For example, to name your webpage's file "hello", you would type in hello. Click Save. At this point, you can proceed with setting up your webpage's initial structure.

If Notepad inadvertently closes or you have to come back to your document later, you can right-click the HTML file and then click Edit in the resulting drop-down menu. Part 2 of Add your webpage's language tag. Add the "head" tags. These tags mark the beginning and end of the page title, which you'll create in the next step.

How to convert pdf to epub without losing formatting page title to your website. This title dictates the website's name as it appears on the browser tab. Add the "body" tags. Close the HTML language tag. The last tag to go in your document will be a closing HTML tag to signify the end of the page.

Review your HTML document so far. Save your document. You can now proceed with adding page elements, such as paragraphs and headings, to your document. Part 3 of Know that all of your webpage elements go between the "body" tags. Add your website's main heading. Add paragraph text to the page. Vote for me for class president!

Force a paragraph break. Add formatting to your text. Review your webpage's appearance. I hope you like it here! Part 4 of This will ensure that the HTML document shows the most recent version of your webpage when you open it. Select Open with. Doing so opens a pop-out menu. Select your preferred web browser. All web browsers can open HTML documents, so click any web browser you want to use in the pop-out menu. Your HTML document will open in your selected web browser.

Review your webpage. If the formatting looks good to you, you can go ahead and close Notepad. If you want to keep editing your HTML document, return to Notepad and make the necessary edits, making sure to save your changes often.

Support wikiHow and unlock all samples. There are many other apps that can edit HTML documents. There are even some made for the purpose of creating HTML.

Yes No. Not Helpful 36 Helpful There isn't an age limit for hosting a website. As long as you know how to create one, it will be fine. Not Helpful 10 Helpful Not Helpful 40 Helpful Not Helpful 26 Helpful Save the program as whatever you want.

Save it to the desktop, then find the document and double click on it. It should open up in whatever browser you use. Not Helpful 21 Helpful When you click on "Save As," change the type to "All Types. Not Helpful 25 Helpful Hit "Save as," then after saving, run the html document through the webpage of your choice. Not Helpful 29 Helpful Right click on the page, then click ''View Page Source". Not Helpful 32 Helpful You select File, and then Save As.

Choose the location where you want to save the file and hit Save. Not Helpful 14 Helpful Once my data has been saved in the Notepad file, how do I then display my webpage in a browser?

Step 2. Create the landing page for your website

First of, you need a good text editor to write code. Alternatively, you can use atom text editor or Sublime Text. Both are very good. Let us build our landing page based on popular CSS framework Bootstrap.

Here is the source code of our landing HTML page index. We will host our website with SiteGround Web hosting. Always choose the best hosting service for your websites. Siteground is known for its super fast web servers, security features and awesome support. Choose the hosting option with multiple websites feature:. Enter the domain name you have selected and make sure there is no spelling mistake!

Also remember to use a long, good password. Keep the password safely somewhere. After completing the signup, wait for the email with login information to arrive in your email inbox. Once you have the email, login to your customer area:.

Bookmark that page so that you can quickly login to your hosting control panel next time. You can see all important information about your website here. Clicking on the Control panel link will take you to the hosting control panel where you can do most of the website setup tasks like installing software, accessing logs and so on.

We can upload the files using simple FTP. After installing Filezilla, login to your website through FTP. Use the FTP login information in your hosting customer area to login The server name and the user name is shown in the hosting customer area. The password is same as the one you had entered while signing up. Once you have logged in to FTP, the left panes will show your local folders and the right pane will show the folders in your web server account.

Select the local folder where you have your web pages, in the left pane. Right click on the index. Once you have completed the upload, visit the website in your browser. At the moment, your website is very basic with little content. Head to the examples section of bootstrap website. There we have samples of website layouts. For example this one: justified-nav. Study the example to build your own layout. How to build a website using notepad 0 Comments.

Related Posts. Leave a Reply 0 comments. Close Embed this image. Copy and paste this code to display the image on your site.

4 thoughts on “How to make your own website on notepad

Add a comment

Your email will not be published. Required fields are marked *