An example of creating an html page in notepad. How to create your first web (html) page

Wondering how to create an HTML page? To do this, you need to spend several hours, and you will know And you can create your first page in 5 minutes.

HTML stands for HyperText Markup Language. Translated this means "language hypertext markup". It is important to understand that HTML is not a programming language, but a site markup language.

All modern browsers know how to recognize it. They then display the information in a user-friendly way, as intended by the author in advance.

This language uses special tags. Each tag performs its own function. There are a lot of them. Ideally, you need to learn everything. But for a beginner, basic knowledge is quite enough.

HTML Basics

Before you create an HTML page, you need to know what it consists of. There are two concepts in this language: element and tag.

An opening and closing tag are used to indicate where this element begins and ends. It looks like this.

<открывающий тег>content

As you can see, the only difference between the opening and closing tag is "/".

The entire HTML document is a collection of these elements. There are certain requirements for the structure of the document. All page content must be between two tags And. When you write code, make it a habit to immediately include an opening and closing tag.

Also remember that the structure of the HTML language has its own hierarchy. Otherwise it is called nesting. is the most important, since all the others are within it.

HTML has two child elements:

... ;
.. .

The HEAD block indicates various service information. This information is not displayed in the browser. For example, instructions for developers, for any programs, for robots and much more.

The most important thing is that there is no content here.

The BODY section specifies the document content that will be displayed to the user.

Learn to immediately create open and closed tags, since there can be 10 nested elements. In addition, for convenience, it is recommended to indent nested tags. For example, like this.

This is done so that tags of equal importance are on the same level, and child tags are “inside”. This makes it much easier to understand and find the right piece of code. Otherwise you might get confused. But to save space, the body itself can be done without indentations. This is done so that everyone else does not have extra indentation. It is advisable to separate everything else.

How to create a simple HTML page

To write code you need some kind of editor. There are a lot of them. Popular ones are Notepad++ and Adobe Dreamweaver. You can also use a notepad.

This is what the Notepad++ editor looks like.

This is a very convenient editor and at the same time free. The above Adobe Dreamweaver is a paid version. The difference between editors designed for writing and a notepad is that special tags are highlighted. If it is not highlighted, then you wrote it incorrectly.

In order for the backlight to match the language, it must be specified in the settings.

Let's look at how to create HTML page in a notepad. That is, let’s finish the technical part and then move directly to studying tags.

How to Create a Web Page in HTML Notepad

To begin, open Notepad.

Then type in it what is indicated in the following screenshot.

Get used to writing with your hands instead of just copying. When you write with your hands, you better remember the entire tag base.

After this, you can open the file in a browser and admire the result. You should now understand how to create a web page in HTML Notepad.

Worldwide Consortium W3C

There is an organization called W3C, which develops and implements all standards for the Internet. All browsers adhere to these standards and process page markup (code) according to these rules.

On the official website of the developers of the HTML language you can find a table with all the tags and the rules for their use. In this article we consider the most basic ones.

You might be thinking, what could the rules be? All the described tags have their own recommendation. There are several of them:

Optional tag.
Forbidden.
Empty tag.
Outdated
Lost.

Tags in HTML

Before you create an HTML page, you need to understand what should be in the HEAD service part.

The HEAD area contains both required and optional tags. TO required tag title refers. It is designated Heading. It is assigned to the entire document. And what you see in the results search engine Google is the title tag.

Let's move on to the BODY section. There are elements that are displayed in the browser, and there are also those that are not. For example, comments are not displayed to the user. They can be used for notes or to give hints to other employees if you are working in a team.

They are designated as

Everything in between, is regarded by the program as such. Please note that you cannot nest a comment tag within another comment tag. Because once you open.