Випуск №1. Структура HTML документу. Основні теги HTML.

20

У першому випуску розсилки хотілося б детальніше зупинитися про формат та зміст розсилки.

Свою розсилку я почну з розгляду основ мови HTML.

Я постараюся вести розсилку за принципом «від простого до складного». Вести я її буду саме в такому форматі для того, щоб чоловік, який захотів би вивчити основи сайтобудування, зміг відразу ж після випуску розсилки, на практиці виконувати викладений матеріал.

Але відразу хочу обмовитися, що, зокрема, мова HTML – це дуже великий язик, який безперервно розвивається. І тому, для того, щоб оволодіти цією мовою на високому рівні, Ви повинні ретельно вивчити основи (тобто випуски моєї розсилки). І паралельно з цим практикуватися.

Вивчаючи основи мови HTML, ми будемо звертатися до CSS стилів. А значить, ми будемо вивчати і CSS. Але це трохи пізніше. Також ми будемо звертатися за допомогою javascript.

Сьогоднішній вступний урок ми розпочнемо з вивчення структури HTML-документа і основні теги HTML.

Поїхали…

Кожен HTML документ починається з рядка:

У загальному випадку ця строчка говорить браузеру, який відкриває нашу сторінку, на які стандарти йому опиратися.

Тег досить різноманітний, і від його модифікації залежить те, як буде відображатися вміст на Вашій сторінці.

Однак, якщо вміло розташувати всі елементи і блоки на сторінці і застосувати стиль, то все буде однаково добре працювати у всіх браузерах з потрібним .

Але, поки ми не знаємо, що таке блоки, ні що таке стилі і як цю «абрукадабру» застосовувати, вважаю за потрібне повернутися до докладного розгляду , коли ми вже будемо щось вміти і зможемо реально оцінити його роботу.

А поки рухаємося нижче по сторінці.

До речі, а чому я почав розглядати HTML-документ з верхньої частини сторінки?

Тому що браузер завантажує сторінку і «зчитує код» зверху вниз, зліва направо. (Втім, як і ми читаємо книги).

Значить, далі слід тег . Він говорить браузеру, що сторінка, яку він відкриває, є HTML-документом.

Напевно, не зовсім зрозуміло слово тег?

Взагалі кажучи, тег – це інструкція, яка говорить браузеру, що в даному місці документа потрібно зробити.

За допомогою тегів ми створюємо наші сторінки. Всі теги укладені так звані «куточки» (). І закриваючий (за косою рискою). Наприклад, жирний текст . Вказує, що текст між відкриваючим і закриваючим тегом strong буде виділено жирним.

Що таке тег, сподіваюся, зрозуміло.

Рухаємося далі.

Пропоную набрати що-небудь своїми руками.

Отже, приступимо.

Запусти блокнот або wordpad в OC WINOWS. Наберемо наступні рядки:

Заголовок вікна браузера

Давайте і наберемо рядок у нашому попередньому прикладі.

Повинен бути білий текст на чорному тлі, так як на картинці.

Випуск №1. Структура HTML документу. Основні теги HTML.

На цьому, наш сьогоднішній випуск розсилки про структуру HTML-документа, закінчений.

Також Ви можете завантажити відео-урок собі на комп’ютер!