HTML - це мова розмітки гіпертексту. Він зробив інтернет таким, яким ми його знаємо. Завдяки цьому інструменту сайти виглядають сучасно і красиво. Також HTML забезпечує зручність використання сайтів. Мова HTML дозволяє компонувати елементи веб-сторінки в варіанті, зручному для користувача. Роботу даного мови розмітки хвилі можна порівняти з тим, що роблять текстові редактори начебто Open Office або MS Word. Ці редактори перетворюють в документ безлику незв`язану масу букв. Те ж саме робить мову розмітки гіпертексту HTML.Разніца полягає тільки в тому, що документи цієї мови відображаються в браузері. До того ж можливості HTML набагато шині, ніж у звичайного текстового редактора. Для розмітки застосовуються теги. Це спеціальні команди, які описують структуру веб-сторінки. Теги полягають в кутові дужки lt; gt ;, щоб браузер міг розрізнити їх в загальній масі тексту. Далі ми розглянемо основи мови розмітки HTML.
Зміст
візуальні редактори
Новачки, які тільки починають вивчати мову HTML, часто починають свою роботу з програм, які дозволяють створювати сайти без наявності будь-яких спеціальних знань. У таких програмах, можна просто розташувати елементи на екрані таким чином, як вони повинні відображатися у вікні браузера. На перший погляд може здатися, що це саме те, що потрібно. Даний спосіб дозволяє уникнути необхідності використовувати послуги веб-розробників. Але насправді у візуальних редакторів є безліч недоліків, які роблять їх використання в серйозних проектах неможливим. Дані програми створюють безліч непотрібних тегів, які роблять кінцевий варіант сторінки неоптимальним і громіздким. У наше століття швидкісного інтернету це має менше значення, ніж раніше. Однак є ряд причин, за якими грамотно написаний лаконічний сайт виходить більш практичним, ніж його побратим, розроблений за допомогою візуального редактора. Веб-сторінки, виконані в таких програмах, будуть погано оброблятися пошуковими роботами. Для них має значення кожен кілобайт коду, а нелогічний громіздкий код з купою помилок навряд чи їм припаде до смаку. Крім того, візуальні редактори досить часто відстають від часу. Вони швидко стають неактуальними. Витрачати ресурси на їх розвиток недоцільно, оскільки жоден професійний розробник не користується такими продуктами. З цієї причини кожен, хто хоче працювати в області створення інтернет-сайтів, повинен розбиратися в основах HTML.
Теги
Як уже було згадано вище, теги використовуються для опису структури веб-сторінки в браузері. Більшість з них мають відкриває і закриває тег, але не всі. Так наприклад,
структура документа
Будь HTML документ має відповідне розширення, наприклад, html або index. Таким чином браузер зможе зрозуміти, з чим йому доведеться мати справу і в результаті відобразить сторінку правильно. Всі сторінки, які використовуються для створення сайту, рекомендується зберігати в одній директорії. Це в подальшому може істотно полегшити вам життя. Знання основ мови розмітки гіпертексту HTML передбачає розуміння структури документа. Вона починається з тега, який повідомляє браузеру використовувану версію HTML - . На даний момент актуальною є п`ята версія мови HTML. В даному випадку нічого не потрібно вигадувати, досить просто вставити наведений вище тег в початок сторінки. Потім слідують основні парні структури, які складають кістяк сайту. Перший тег - ... , в нього повинні бути вкладені всі інші. Все, що знаходиться за межами цього тега, що не буде розпізнаватися браузером як веб-сторінка. Даний тег відкриває документ і закриває його. Для будь-якого документа даний тег є обов`язковим. Також в ньому містяться ще кілька обов`язкових тегів. Нижче ми розглянемо їх.
Head
усередині тега
... розташована інформація технічного характеру. На сторінці вона відображатися не буде. Однак даний елемент є важливою частиною документа HTML. Саме тут закладаються основи сайту. Тут вибирається кодування і заноситься назва сторінки. Воно повинно обов`язково міститися всередині тега. Назва буде відображено у верхній частині браузера. Також тут можна буде розмістити невелику іконку, яка характеризує вміст сторінки. Для коректного відображення документа бажано відразу вказувати його кодування. Це робить за допомогою тега. Зазвичай метатеги розташовуються усередині head. Вони надають дані про структуру сторінки.Link
Знання основ мови розмітки HTML передбачає застосування каскадних стилів оформлення. По-іншому вони називаються css. Тут задаються властивості елементів, які будуть відображатися на сторінці. У сучасному підході передбачається винесення таких характеристик, як висота, колір і місце розташування елемента, у зовнішній файл. Для підключення файлаcss використовується тег . Це буде виглядати наступним чином. Тут type вказує на тип файлу, а href - на його місце розташування.
Body
У цій частині документа HTML створюється видима частина інтернет-сторінки. Все, що відбувається всередині тіла, буде відображено у вікні браузера. В
використовується велика кількість html тегів. В основному вони використовуються для форматування тексту і роботи з посиланнями. Також це можуть бути найпростіші документи, призначені для структурування веб-сторінки. Щоб приступити до роботи з мовою розмітки HTML, необхідно мати уявлення про основні тегах і вміти користуватися ними. Можливі такі найбільш популярні теги.- - використовується для виділення підрядка, на яку буде діяти стиль, описаний в css;
;
