How to create a web page. How to create an HTML page: step-by-step instructions, technology and recommendations

Hello, dear blog readers. With this article, we will begin to learn the basics of the HTML language.

You probably already know that the main language of the Internet is hypertext markup language HTML (HyperText Markup Language). In this article, we will learn the basic concepts of HTML and learn how to create simple WEB pages.

Let's start with the most important thing, let's look at how it works World Wide Web - Internet. To produce web pages, you create files written in HTML and place them on a web server. After this, any browser installed on a device with Internet access, be it a computer, phone or tablet, can find your web pages.

Web server- This is an ordinary computer with special software that has access to the Internet. It continuously listens for requests from browsers for web pages, images, audio and video files. Having received a request for one of these resources, the server looks for it and sends it to the browser.

Browser is a special program designed for viewing websites, such as Internet Explorer. Using a browser, you browse websites by clicking on links. Any such click causes the browser to make a request for the HTML page to the web server, receive a response and display the page in its window. It is when the page is displayed that the HTML language begins to work; it tells the browser everything about the structure and content of the web page. Using commands - tags, HTML tells the browser where paragraphs of text begin, what part of the text is a heading, and where to insert tables, and even pictures. And tags are words in angle brackets, for example

,

, .

You urgently need an online store, but you don’t have time to learn HTML, CSS, PHP and other technologies. Then you can simply rent an online store with fully implemented functionality and optimization for search engines.

HTML language and its tags

The first version of the HTML language appeared back in 1992. At the time of 2013, the specification of a new version of HTML, number 5, is being developed. The development of this specification is carried out by the World Wide Web Consortium, or W3C for short. The W3C organization develops other Web standards. You can familiarize yourself with these standards on their website www.w3.org. By the way, many Web browsers already support some HTML 5 features.

I suggest starting to learn HTML right away with an example. So let's create our first Web page. Any text editor is suitable for creating WEB pages. I suggest first using the built-in Windows Notepad(in general, in the future, I recommend using to edit html code). You can find it: “Start->All Programs->Accessories->Notepad”. Let's create a page about cars. So, open Notepad and type the following text in it:

Website about cars.

Welcome to our automotive website. Here you will find many interesting and useful articles about cars. The site contains descriptions of many imported and domestic cars.

Next, save the created web page to a file named index.html. In this case, in the file saving dialog box, you must set the encoding to UTF-8 and enclose the file name in quotes, otherwise Notepad will add the txt extension to it, and our file will be named index.htm.txt:

Now all that remains is to open the created file in the browser and look at the result. To do this, you can use the Microsoft Internet Explorer browser that comes with Windows, or any other browser installed on your computer, by double-clicking on the index.html file or dragging the file onto the browser icon. Open it and see something like this:

Thus, we created a Web page in Notepad, although a little nondescript, but already containing a large heading and a paragraph of text that is automatically broken into lines and contains a fragment in bold.

What is a tag?

Now let's talk more about the page structure. Let's look at the fragment:

Website about cars

. Here we see the text that appears on the page as a title, enclosed in tags

And

. What is a tag in HTML?

HTML tag are ordinary words and symbols enclosed in angle brackets, for example

,

, . So tag

is the opening tag, tag

closing tag, and the text between them is called the content of the tag. Also tag

and tag

are called paired tags. Together, the opening tag plus the content plus the closing tag form an HTML document element. There are also elements consisting of one opening tag:

So paired tag

defines a first-level header element. There are six levels of headings in total, these are the elements

—

.

Elements can be block or inline (text). Block Elements carry out structural formatting of the page. Block elements are always displayed on a new line on the page and are indented from adjacent elements. Inline elements perform direct text formatting or logical formatting. Element

is a block element.

That's all for me!!! See you in the next posts!

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 "hypertext markup language". It is important to understand that HTML is not a programming language, but a site markup language.

All modern browsers can 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 the 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 an HTML page in 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 an HTML notepad.

World W3C Consortium

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. The required tag is the title. It is designated . It is assigned to the entire document. And what you see in Google search results 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.

An example of such nesting:

continuation of the first comment -->

The result in the browser will be the following

continuation of the first comment -->

Here's a piece will not be visible. Second opening tag