Привіт шановні початківці веб-майстри.
У попередній статті ми створили Директорію сайту. а в цій приступимо до написання сторінки, або створення html документа (файлу), що в загальному-то одне і теж.
Насамперед напишемо (створимо) каркас сторінки.
Каркас сторінки за версією HTML 5
І каркас сторінки за версією HTML 4.01 Transitional, що є перехідною між 4 і 5 версіями, і актуальною досі.
Коротко розглянемо, що-ж означають всі ці написи.
вказує на тип створюваного нами документа.
Тут вказано, що створюється html-документ за версією html 4.01 Transitional, що означає перехідна між четвертою та п'ятою. Є й інші версії html, але ми зараз поки не будемо все їх розглядати, а попрацюємо з найактуальнішою на сьогоднішній день, так як в ній допустимі до застосування як нові, так і старі теги, і їх потрібно знати.
Далі йде стовпчик з тегів. Тег - це конструкція мови, яка вказує браузеру, що потрібно відображати на екрані монітора. Якісь теги кажуть, що потрібно відображати заголовок, якісь абзац і так далі. У каркасі сторінки знаходяться теги називаються тегами верхнього рівня.
Перший тег в стовпчику - це . Зверніть увагу на те, що і останній тег теж тільки з слешем (похилою рискою). Це класичний приклад парного тега, де спочатку йде відкриває елемент, а потім закриває.
Значить теги бувають парні, і вдають із себе контейнера для html-коду, але бувають і поодинокі. Прийде час і ми їх так само розберемо. даний тег є контейнером для всієї сторінки.
Наступний тег, так-же парний -
, що в перекладі з англійської означає голова. Цей контейнер, вже сам знаходиться в контейнері html, містить в собі спеціальні теги, дія яких не завжди явно видно на моніторі.Вони кажуть, в якому кодуванні зроблена сторінка, які скрипти і таблиці стилів повинні на ній підключатися, ну і яку назву сторінки буде відображено у вкладці браузера.
далі тег
(Тіло) так само парний, тобто так само контейнер всередині контейнера html, і в ньому вже будуть розташовані форматує теги, які будуть вказувати на розташування абзаців, картинок, посилань, і взагалі всього того, що ми бачимо на моніторі.З прикладів видно, що код каркаса в HTML 5, помітно скоротився. У тезі немає більше опису версії і типу файлу, в залишився тільки charset. для вказівки кодування.
І ще, при підключенні таблиць стилів більше не потрібно буде вказувати type = "text / css" в тегах і