Що значить html і як легко можна створити html файл?

1. Що таке html сторінка?
2. Що таке HTML теги?
3. Як створити html файл

Чули про html? Або, може бути, чули про html сторінках в Інтернеті? Насправді, все просто. HTML - це, спрощено кажучи, один з мов програмування, і не найскладніший з них.

HTML - скорочення від HyperText Markup Language, що перекладається як мова гіпертекстової розмітки.
зміст:

Використовується HTML для того, щоб сторінки в Інтернеті виглядали саме такими, якими Ви їх все знаєте:

• красиво оформлені тексти,
• виділені жирно або курсивом,
• просто чорного кольору або різнокольорові,
• з активними посиланнями на інші сторінка сайту або блогу,
• з картинками , Відео, аудіо та ще багатьма іншими цікавими фішечки.

По суті, html - це виворіт сторінок багатьох сайтів. Часто їх гарне оформлення створюється за допомогою мови розмітки html. Інакше це ще називають створення сторінок за допомогою html верстки.

Сайти можуть створюватися і на інших мовах програмування, наприклад, на мові php.

Вчений з Британії Тім Бернерс Лі розробив мову html в 1986-1991 роках в Швейцарії. По суті html дозволяє створювати прості, але при цьому красиві документи. Уже пізніше в html були додані мультимедійні можливості (відео і т.п.) і підтримка роботи з гіпертекстом (для створення гіперпосилань).

Для роботи з html були створені всім відомі програми-браузери, вони ж інтернет-оглядачі , такі як:

• Mozilla Firefox (Мозилла Фаерфокс),
• Internet Explorer (Інтернет Експлорер),
• Google Chrome (Гугл Хром),
• Opera (Опера),
• Яндекс (Yandex) браузер,
• Safari (Сафарі) і
• інші.

Спочатку основна функція браузера полягала якраз у інтерпретації коду HTML і виведення візуального результату на екран монітора користувача.

Що таке html сторінка?

Документи, файли, сторінки, створені мовою html, мають розширення виду .html або .htm. Наприклад, html-сторінка (або html-файл, або html-документ) може мати назву виду:

• тест.html,
• html,
• html або
• названіе.html.

Строго кажучи, тест.html - це ім'я файлу (або ім'я сторінки), де

• тест - ім'я файлу, а
• .html - розширення імені файлу (або розширення імені сторінки), яке зазвичай просто називають «розширення».

Зараз більш поширеним варіантом замість слова «розширення» стало слово «формат». Тому вираз «формат html» означає, що файл (або сторінка) написаний на мові html і ім'я такого файлу має розширення html. значить,

файл c ім'ям тест.html має формат html.

Операційна система Windows за замовчуванням приховує розширення файлів (тобто, формати файлів). Програмісти зробили це «не зі зла», а для того, щоб уберегти користувача від бездумного зміни розширень файлів. Можна зробити так, щоб за замовчуванням розширення файлів були відкриті. У Windows 7 для цього:

• натискаємо на кнопку Пуск,
• відкриваємо Панель управління,
• знаходимо Параметри папок,
• відкриваємо вкладку Вид, прокручуємо в самий низ і
• прибираємо галочку навпроти опції «Приховувати розширення для зареєстрованих типів файлів»,
• тиснемо «ОК».

Мал. 1. Відкриваємо всі розширення файлів

Якщо зараз Ви підніміть очі вгору і подивіться в адресний рядок свого браузера, то побачите там ім'я тієї сторінки, яку зараз читаєте, а в кінці імені варто .html. Це приклад html сторінки блогу, яка розміщена в Інтернеті. Зазвичай у блогу (у сайту) багато html сторінок. Наприклад, кожна стаття на цьому блозі є окремою html сторінкою.

В Інтернеті також зустрічаються сайти-одностранічкі, що складаються всього з однієї html сторінки. Наприклад, це може бути

• інтернет-візитка людини або фірми, або
• сторінка, що продає через Інтернет будь-якої товар або послугу.

Мова HTML постійно розвивається і на сьогоднішній день існує декілька його версій, починаючи від HTML 2.0 від 22 вересня 1995 року і закінчуючи останньою версією мови HTML 5 від 28 жовтня 2014 року. У вересні 2016 року планують випуск HTML 5.1.

Що таке HTML теги?

HTML - це мова розмітки документів за допомогою тегів. Теги полягають в трикутні дужки "<>". Теги можуть бути парними і непарними.

• Наприклад, тег "b", укладений в трикутні дужки, робить текст жирним

<B> текст, виділений жирним </ b>

В результаті вийде так: текст, виділений жирним

• А тег "i" робить текст курсивним.

<I> текст, виділений курсивом </ i>

В результаті отримаємо: текст, виділений курсивом

• Є ще тег для перекладу рядка "br".
• За допомогою тега "a href" виділяють гіперпосилання.
• Тег для заголовка документа - <head>. Це тег, що відкриває документ. Він є парним в тому сенсі, що для нього обов'язково потрібен закриває тег зі слешем </ head>.
• Після заголовка йде основна частина, яка знаходиться між відкриває тегом <body> і закриває тегом </ body>. Цей тег так само, як тег head, є парним: його потрібно відкрити і не забути закрити.

У парних тегах закриває тег зі слешем необхідний з тієї причини, що він скасовує (точніше, коректно завершує) дію відкриває тега.

Тегів HTML існує багато, в Інтернеті можна без зусиль знайти підручники HTML.

Як створити html файл

Створити самостійно html сторінку (або html файл) на своєму комп'ютері і запустити своє творіння в браузері дуже просто.

1) Відкриваємо Блокнот (простий текстовий редактор, який входить до складу Windows). Його можна знайти на своєму комп'ютері, ввівши в рядок Пошук запит: Блокнот.

2) Копіюємо і вставляємо в Блокнот наступний текст:

<Html>
<Head>
<! - Інформація про HTML-документі ->
</ Head>
<Body>
<! - Зміст сторінки ->
Привіт! Це моя перша HTML сторінка. <br>
Другий рядок, ура!
</ Body>
</ Html>

3) Важливий момент, без якого html файл не буде працювати: в Блокноті зберігаємо файл строго (!) В форматі html, як показано на скріншоті. Файл можна для простоти зберегти на робочому столі на своєму комп'ютері.

Мал. 2. Звертаємо увагу на Тип файлу і зберігаємо файл у форматі html

1 на рис. 2 - Кількома «Робочий стіл», щоб там зберегти html файл.
2 на рис. 3 - Відкриваємо меню, що випадає навпроти «Тип файлу».
3 - В цьому меню вибираємо «Все файли».
4 - вводимо будь-яке ім'я (у мене 001) і після точки обов'язково (!) Вводимо html.
5 на рис. 2 - тиснемо «Зберегти».

4) На робочому столі знаходимо файл 001.html:

Мал. 3. Html файл на робочому столі

У мене браузером за замовчуванням є Google Chrome, тому значок у файлу має вигляд значка цього браузера. Якщо буде інший браузер за замовчуванням, то у файлу 001.html буде інший значок.

Кількома по файлу (рис. 3) 2 рази мишкою і в підсумку бачимо в браузері свою першу сторінку на html:

Мал. 4. Перевірка, як виглядає html сторінка в браузері

Таким чином, у нас вийшла локальна сторінка html в тому сенсі, що вона доступна тільки з вашого, локального комп'ютера. Щоб сторінка була доступна іншим, треба її завантажити в Інтернет. Точніше, розмістити на хостингу , Який доступний завжди: 24/7/365 (24 години на добу, 7 днів на тиждень, весь рік). Тоді таку сторінку зможе побачити кожен користувач Інтернету.

Так що html досить цікавий мову, і якщо в майбутньому Ви думаєте створювати і вести власний сайт або блог, то бажано знати хоча б мінімальний набір тегів, які використовуються в мові html.

Інші матеріали:

Недоліки безкоштовного хостингу для сайту

Як зареєструвати хостинг, домен і сайт на timeweb

Що значить хештег і як ним користуватися?