Отже, що таке html і як створити найпростішу сторінку
Отже, HTML розшифровується як, Hyper Text Markup Language (мова гіпертекстової розмітки). За допомогою цієї мови створюються інтернет сторінки.
HTML не є мовою програмування. Він призначений для розмітки текстових документів. Т. е. За великим рахунком за допомогою його ми здійснюємо форматування тексту.
Мова html складається з тегів (tags). Кожен тег визначає, яким чином буде виглядати текст на веб-сторінці, тобто кожен тег дає певну команду вашому браузеру (програмі, за допомогою якої ви переглядаєте інтернет сторінки), браузер розуміє цю команду і виводить вам на екран вже готовий текст, відформатований певним чином.
Тому сам html ви не бачите, браузер виводить вже готовий відформатований текст і графіку. Щоб побачити сам html код і теги, за допомогою яких відбувається форматування тексту на веб-сторінці, пройдіть в вашому браузері Internet Explorer в пункт Меню> Вид і із списку виберіть Пункт> Джерело. Дивіться на рисунок.
В результаті відкриється вікно, що містить html код. Можете прокрутити і подивитися цей код, в основному він складається з тегів, всередині яких в більшості випадків є текст. Таким чином, не заглиблюючись у подробиці можна сказати, що кожен тег визначає де, як, яким шрифтом, яким кольором буде виведений ваш текст.
Html теги можуть не тільки форматувати текст, за допомогою них можна вставляти зображення на сторінку, створювати таблиці, посилання і багато іншого.
Кожен тег складається з кутових дужок, <> всередині яких поміщені певні символи. Більшість з них складаються з відкриваються і закриваються.
наприклад тег - відкриває, а - закриває. Як ви бачите, вони відрізняються наявністю в закриває символу слеш /. Якщо між ними помістити будь-яке слово, наприклад,
вітання
то, воно буде відображатися жирним шрифтом. Все що укладено в кутові дужки, в даному случає не виводиться на екран, а є своєрідною командою для браузера.
Тегів природно багато і кожен з них виконує свої певні функції. Приблизно за таким принципом працюють і всі інші теги і весь html в цілому. Коли ви запитуєте будь - якої документ з інтернету ваш браузер завантажує html код інтерпретує його належним чином і виводить вам на екран вже готовий відформатований текст, графіку, таблиці і т. Д.
Розглянемо основи HTML. Більшість веб-сторінок в інтернет представлені у вигляді файлів з розширенням html. Від текстового документа вони відрізняються тим що, html документи містять спеціальні теги, які визначають, яким чином буде виглядати текст і графіка на сторінці. Крім того, Html документи, мають розширення .html або .htm.
Вправа 1. Створимо просту веб-сторінку.
Тепер збережіть файл під ім'ям, наприклад, "Моя перша сторінка", а замість розширення .txt виберіть розширення .html.
Пам'ятайте про те, що для розміщення сторінок в інтернет назви їм дають на англійській мові, тут ми дали назву російською просто як приклад.
Збережіть файл у вашу робочу папку. Сам текстовий документ не закривайте (!), Ми ще будемо з ним працювати.
В результаті зміни розширення з .txt на .html текстовий документ перетворився в html документ. Тепер зайдіть в папку, де збережено файл і відкрийте його вашим браузером. В результаті ви побачите текст: "Ось ви і створили свою першу web сторінку."
Після цього перейдіть назад в блокнот, не закриваючи вікно браузера, і спробуйте поміняти текст «Ось ви і створили свою першу web сторінку. », На який не будь свій. Потім пройдіть в пункт меню "Файл" >> "Зберегти" і перейдіть у відкрите вікно браузера з цією сторінкою, де натисніть на кнопку оновити сторінку або натисніть клавіші Ctrl + R, сторінка оновиться і браузер відобразить вже новий текст.
У першій вправі ми використовували найголовніші теги html документа, які складають основу HTML файлу і повинні бути в кожному HTML документі.
Теги дають початок і закінчують html документ, крім того вони дають зрозуміти браузеру що цей файл необхідно розглядати як html документ.
наступні теги
служать свого роду головою html документа, всередині них розміщуються інші теги, які містять певну службову інформацію.Розглянуті теги є обов'язковими для будь-якого html документа і складають його основу.