Step by step HTML&CSS&JavaScript (What is HTML?)

mandarin2016 (52)in #blog • 6 years ago (edited)

Step by step HTML&CSS&JavaScript
What is HTML?

Content	Зміст
1. Introduction 2. Tools 3. First page 4. What is HTML? 5. In the next article	1. Вступ 2. Інструменти 3. Перша сторінка 4. Що таке HTML? 5.У наступній статті

Introduction	Вступ
Today it's hard to imagine a Man in a big city, going to work, or on matters that would not read intranet resources. The Internet has become virtually non-sedentary part of everyday life of most of humanity. Through it, we buy, communicate, sell, create and we work.	На сьогоднішній день важко уявити Людину яка у місті їдучи на роботу, чи по справах, не переглядає інтернет ресурси.Інтернет став практично не відкладною частиною буденного життя більшої частини людства.За допомогою нього ми купуємо, спілкуємось, продаємо, створюємо та працюємо.
It is hard to imagine that only in the 1960s, when the very idea of computer networks originated, and in the early 1970s, united about 200 knots, network spreade around the wozrld to our days.Main component that we use in most cases is web pages.	Важко уявити що лише 1960 - років , коли лише зароджувалась сама ідея компютерних мереж, а на початку 1970-х об'єднувала близько 200 вузлів, марежа розрослась по усьому світу. Тож основною складовою якою в більшості випадків ми користуємось , є веб-сторінки.
In this "Step by Step" cycle, we will look at the main components of building web pages. It is obvious that experienced web developers or web-designers will not have new information, but you can always fix it, or suggesting something new for beginners and readers !!!!	У цьому циклі "Крок за кроком", ми розглянемо основні складові побудови веб-сторінок.Звісно для досвідчених верстальщиків,чи розробників нової інформації не буде ,але ви завжди зможете поправити або підказати щось нове для новачків та читачів!!!!

Tools	Інструменти
We need the following things: Visual Studio Code IDE - a cool editor with plenty of opportunities Chrome or Firefox broser(last version) fantazy time persistence	Нам знадобляться такі речі: Visual Studio Code IDE - класний редактор з великою кількістю можливостей. браузер Chrome або Firefox (остання версія) фантазія час наполегливість

First page\Перша сторінка

Code №1 \ Код № 1:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Step by Stap - introduction</title>
</head>
<body>
    <h1>Stap-by-Stap introduction</h1>
    <b>Hallo World!!!</b>
    <b>Привіт світ!!!</b>
</body>
</html>

Create html file in Visual Code Studio or Notepad copy code 1 in to and save on PC /Створіть html файл у Visual Code Studio або блокноті скопіюйте у нього Код 1 та збережіть на компютері

Open saved file with Chrome Browser/Відкрийте збережений файл за допомогою браузера Crome :

Thats hove browser see page code(F12 in Chrome developer console)/
Ось так броузер бачить код сторінки(F12 у Chrome консоль розробник)

What is HTML?

What is HTML?	Що таке HTML?
HTML is the standard markup language for creating Web pages.	HTML - це стандартна мова розмітки для створення веб-сторінок.
HTML stands for Hyper Text Markup Language	HTML означає мову розмітки гіпертексту
HTML describes the structure of Web pages using markup	HTML описує структуру веб-сторінок за допомогою розмітки
HTML elements are the building blocks of HTML pages	HTML-елементи є будівельними блоками HTML-сторінок
HTML elements are represented by tags	Елементи HTML представлені тегами
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on	Теги HTML містять елементи вмісту, такі як "заголовок", "параграф", "таблиця" тощо
Browsers do not display the HTML tags, but use them to render the content of the page	Браузери не показують теги HTML, але використовують їх для відтворення вмісту сторінки
As you can see, this is not just a language, it is a markup language that specifies where to be, the building material that forms the basis of your page, and which can be manipulated using style sheets and JavaScript.	Як бачимо це не просто мова , це мова розмітки яка вказує що де має знаходитись,будівельний матеріал який складає основу вашої сторінки, та яким можна маніпулювати за допомогою таблиць стилей та JavaScript.

In the next article	У наступній статті
In the next article "Stap by Stap" we will begin to consider Tags, building blocks of HTML, and also get acquainted with style sheets. Glad that you are browsing and reading !! Leave yours comments !!!	У наступній статті "Stap by Stap" ми розпочнемо розглядати Теги, будівельні блоки HTML , а також познайомимось з таблицями стилей.Радий що переглядаєте та читаєте!! Залишайте коментарі!!!