У цій статті ми розглянемо основні принципи створення сторінок HTML. Верстка сайту здійснюється за деякими загальними правилами, які потрібно дізнатися перш, ніж почати вивчення елементів мови. Не зупиняйтеся, якщо призначення яких-небудь елементів, наведених як приклади, здасться вам незрозумілим. Більшу частину з цього всього ми розглянемо пізніше.
Далі ми розглянемо правила написання тегів і використання атрибутів. Нижче представлена заготівля типовою веб сторінки. На цьому прикладі ми розглянемо структуру HTML-сторінок.
-- Тут розташовується основний вміст сайту.
Велика частина сайтів зроблена з цього шаблону, оскільки, це обов'язкові елементи. Це можна пояснити тим, що сторінки створюються за певними стандартами. Щоб розібратися в структурі сайту, ми повинні розглянути всі елементи наведеного коду.
Розглянемо все по частинах:
Тег, з якого повинна починатися і закінчуватися кожна веб сторінка. Він позначає те, що наш документ написаний на мові HTML. В принципі, цей елемент можна вважати формальністю. Він має атрибути version, lang і dir. Однак ці атрибути рідко хто використовує на практиці. Тег HTML допускає вкладення елементів HEAD, BODY, FRAMESET і інших, які визначають загальну структуру веб сторінки.
Голова або область заголовка веб сторінки. Так само, як і попередній елемент, HEAD є необхідним елементом для формування структури html сторінки. Необов'язкові атрибути lang і dir. Ще HEAD повинен містити в собі тег TITLE. Допускає вкладення елементів BASE, МЕТА, LINK, OBJECT, SCRIPT, STYLE.
Тег BODY відповідає за інформацію, розташовується на самій сторінці. Між цими тегами можна використовувати всі елементи, призначені для дизайну веб сторінки. Усередині відкриваючого тега BODY часто знаходяться атрибути, які забезпечують налаштування і зовнішній вигляд всього документа цілком.
Самим часто використовуваним є атрибут background, який задає фон сторінки.
Таким чином, ми задаємо фонових картинку для сторінки. Шлях можна вказати або абсолютний, або відносний. наприклад:
Так само, ми можемо поставити просто колір фону сторінки.
Колір фону задаємо у вигляді трьох двухразрядного чисел в шістнадцятковому форматі. Вони будуть визначати інтенсивність червоного, зеленого і синього кольорів. Про завдання квітів поговоримо пізніше. наприклад:
Так як ми міняємо колір фону, то і колір тексту непогано було б поміняти. Це можна зробити так:
text = "# RRGGBB"
Розфарбуємо наші гіперпосилання в колір:
link = "# RRGGBB"
Структура тегів всередині тега
може бути дуже різноманітною. Вона визначається майбутніми потребами сторінки, ну і звичайно фантазією розробника.А тепер, довгоочікуваний приклад:
<ТIТLЕ>Моя перша сторінка
Як Ви встигли помітити, тут з'явилися нові теги. Зараз ми не будемо їх розглядати детально. - показують заголовок тексту. Текст, укладений між буде гіперпосиланням. Атрибут href вказує шлях посилання. Завантажити докладний опис цих тегів можна на сторінці «Підручники / Книги».
Спробуйте створити свою сторіночку за допомогою матеріалу, викладеного в цій статті. Для початку скористайтеся блокнотом і збережіть Ваш файл з дозволом .html
На цьому ми закінчуємо наш короткий екскурс в структуру HTML. Успіхів в освоєнні HTML верстки!