How To Write A Website In Notepad

Table of contents:

How To Write A Website In Notepad
How To Write A Website In Notepad

Video: How To Write A Website In Notepad

Video: How To Write A Website In Notepad
Video: How to make a website using notepad | Beginner's Tutorial 2024, May
Anonim

No special tools or skills are required to create a simple web page. It is enough to acquire the standard Notepad program, which is usually installed on all Windows computers.

How to write a website in notepad
How to write a website in notepad

Instructions

Step 1

First, you need to make sure that the result is displayed in the desired format. Open notepad and select the "Save As" command, in the window that opens, in the "File name" field, enter the name of the document and write the html extension separated by a dot. For example, "my_site.html". Click "Save".

Step 2

Close notepad, a browser icon should appear in place of the created document. If this did not happen, then, apparently, you made a mistake in the format. Please save again.

Step 3

Open the program and write the skeleton of the future page in it.

Step 4

The basic structure of any site is the same. All components are concentrated between the "html" and "/ html" tags. The head specifies the styles that will be applied to the entire document, and also specifies the attributes for displaying the page in the browser. For example, title is the title of the tab, and using the tag, a small icon is inserted to the left of the tab name.

Step 5

Body - the body of the page, its most important element. All visible page attributes are set between the corresponding tags: background image or background color, text, illustrations, tables, links, etc.

Step 6

Think over the structure of the site, it is preferable to depict it on a sheet of paper in the form of a diagram. Calculate the space for the header, text, pictures, menu items, etc.

Step 7

Any web page is a table, the number of rows and columns in which depends on the complexity of the project. Otherwise, you simply won't be able to bind the elements to certain places on the screen. And thanks to the table, for each of them its own cell is created, inside which you can use the alignment attributes.

Step 8

To see the results of your experiments, use the Save command in Notepad and Refresh in the browser. Use this link after making each change, especially if you have relatively little experience building web pages. This will allow you to spot the error in time and correct it.

Recommended: