Html finished work. Creating an HTML page in Notepad: explanations for dummies. Left menu and content

15 votes

Welcome to the pages of the Start-Luck blog. Today I would like to show you how to use the code. Writing websites is an interesting activity that may seem impossibly difficult to many. In fact, a simple page can be created in just 5 minutes.

In this article I will talk about creating html pages. We'll complete this task in less than 10 minutes, and then we'll look at the main tags in more detail. It would be wrong to call such a publication a lesson. This is rather a seed that is designed to show you the simplicity of the work and give you the desire to move on, learn more, do better.

How to create a page

I suggest you make the first page in a notepad. The simplest one, which is located in the Start menu, is the “Accessories” folder. There is no need to download anything yet. Try to use what you have.

Open the document.

Paste this code into it.

<html > <head > <title > My first page</title> </head> <body > <center >

</h1> 
<center > 
 
 
We've reached the very bottom 
Now you know a little more about tags and can use them. Let's try to insert a link to link several pages together. 
<hr > For example, here is a link to my blog -<a href = "https://site/" > Start-Luck</a>- talks simply about “complicated things”. 
 
</body> </html>

My first page

Creating a page is easier than you think

Many may think that creating websites is difficult, even impossible. To do this you need to study, learn, and do a lot. In fact, there are about 100 tags that you don't even need to learn. It is only important to understand what is used and where. You can look up information in various cheat sheets, and over time you will begin to remember the tags automatically.

Simple code to make text red

It's not much harder to write in bold

We've reached the very bottom

Now you know a little more about tags and can use them. Let's try to insert a link to link several pages together..

OK it's all over Now. Your first page is ready

The file must be named index.html. Ending ".html" indicates the file extension. If you simply enter the name index, the document will be saved as text file and will not open in the browser.

I saved the document to my desktop. Now you need to find it, click right button mouse and open using any browser. I will choose Google Chrome.

This is what the page I just created looks like. Yours will be no different. Everything is exactly the same: with pictures and color font.

Now I’ll talk about tags in more detail, but for now let’s just remove “ from the title center " and insert a line containing the word " Color" By the way, I already wrote. It's very simple, I recommend reading it.

Save the document again, this time you can simply use the keyboard shortcut Ctrl + S, and then refresh the page in the browser using the F5 button

Remember, almost any tag must open and close. That is, the code with a slash must be located somewhere. In this case it looks like this: .

You see the title has turned red. In the same way, you can give the desired shade to any part of the text.

Well, that's it, the example is ready, and you should be proud of yourself. Of course, it is not yet online; for this, the web page must be posted on, which is provided by the hosting. You also need to connect your domain so that other people can see your creation.

For now, only you can see the page. But you must admit, such a site can only surprise a person from the Iron Age. But this is the first attempt, let's make it even more successful by understanding the tags that we used. This will help you learn how to create your own projects without anyone's help.