Ну давайте почнемо. По ходу уроків я буду вас роз'яснювати основні поняття. Будь-код HTML складається з тегів. Наприклад, пропозиція в російській мові складається з слів, також і в HTML, тільки замість слів - теги. Ну, думаю, загальне уявлення про тегах ви маєте.
Давайте ж вивчимо «головні слова» HTML.
Будь-яка веб-сторінка або сайт починається з такого тега, як . Цей тег є парним, про це в наступному абзаці. Хочу помітити, що всі теги полягають в такі кутові дужки: <и>.
Далі починається «голова» нашої сторінки. Вона полягає в тег
, що в перекладі з англійської означає голова. Цей тег парний. Парним тегом називається такий тег, який «відкривається» і «закривається». Закриття тега відбувається написанням символу «/» після кутової дужки.Далі йде зміст сторінки, тобто те, що ви бачите в самому вгорі екрану, наприклад коли ви створюєте документ в Microsoft Word, вгорі написано: Документ1 - Microsoft Word. Також і в HTML. Зміст полягає в парний тег
Потім зазвичай пишуться мета-теги, але про них пізніше, так як це не обов'язково.
Далі можна підключити до нашої сторінці таблицю стилів: CSS (переклад - каскадний таблиця стилів). У ній можна вказати дуже корисні речі. CSS для початківців можна назвати мовою. Але CSS трохи важчі HTML. Так що з CSS ми будемо розбиратися поле вивчення HTML. Так як просту web-сторінку можна створити за допомогою одного HTML, а створюючи серйозний web-сайт, все ж доведеться використовувати CSS. Так ну вистачить про таблиці стилів, йдемо далі.
Припустимо, що «голову» нашої сторінки ми закрили. У нас приблизно вийшов ось такий код.
Але де ж весь вміст? Запитаєте ви. Весь вміст сторінки міститься між парним тегом
, який є «тілом документа» і розташовується після . Ось ми і вивчили основні теги HTML, без яких не обійдеться жодна web-сторінка. В результаті у нас виходить ось такий код:
Хочу помітити, що, тег відкриває і закриває документ.
Нагадую, що коди не копіюйте, а пишіть самі, інакше нічого не вийде.
Спеціально для вас (Progger)