У першому випуску розсилки хотілося б детальніше зупинитися про формат та зміст розсилки.
Свою розсилку я почну з розгляду основ мови HTML.
Я постараюся вести розсилку за принципом «від простого до складного». Вести я її буду саме в такому форматі для того, щоб чоловік, який захотів би вивчити основи сайтобудування, зміг відразу ж після випуску розсилки, на практиці виконувати викладений матеріал.
Але відразу хочу обмовитися, що, зокрема, мова HTML – це дуже великий язик, який безперервно розвивається. І тому, для того, щоб оволодіти цією мовою на високому рівні, Ви повинні ретельно вивчити основи (тобто випуски моєї розсилки). І паралельно з цим практикуватися.
Вивчаючи основи мови HTML, ми будемо звертатися до CSS стилів. А значить, ми будемо вивчати і CSS. Але це трохи пізніше. Також ми будемо звертатися за допомогою javascript.
Сьогоднішній вступний урок ми розпочнемо з вивчення структури HTML-документа і основні теги HTML.
Поїхали…
Кожен HTML документ починається з рядка:
У загальному випадку ця строчка говорить браузеру, який відкриває нашу сторінку, на які стандарти йому опиратися.
Тег досить різноманітний, і від його модифікації залежить те, як буде відображатися вміст на Вашій сторінці.
Однак, якщо вміло розташувати всі елементи і блоки на сторінці і застосувати стиль, то все буде однаково добре працювати у всіх браузерах з потрібним .
Але, поки ми не знаємо, що таке блоки, ні що таке стилі і як цю «абрукадабру» застосовувати, вважаю за потрібне повернутися до докладного розгляду , коли ми вже будемо щось вміти і зможемо реально оцінити його роботу.
А поки рухаємося нижче по сторінці.
До речі, а чому я почав розглядати HTML-документ з верхньої частини сторінки?
Тому що браузер завантажує сторінку і «зчитує код» зверху вниз, зліва направо. (Втім, як і ми читаємо книги).
Значить, далі слід тег . Він говорить браузеру, що сторінка, яку він відкриває, є HTML-документом.
Напевно, не зовсім зрозуміло слово тег?
Взагалі кажучи, тег – це інструкція, яка говорить браузеру, що в даному місці документа потрібно зробити.
За допомогою тегів ми створюємо наші сторінки. Всі теги укладені так звані «куточки» (). І закриваючий (за косою рискою). Наприклад, жирний текст . Вказує, що текст між відкриваючим і закриваючим тегом strong буде виділено жирним.
Що таке тег, сподіваюся, зрозуміло.
Рухаємося далі.
Пропоную набрати що-небудь своїми руками.
Отже, приступимо.
Запусти блокнот або wordpad в OC WINOWS. Наберемо наступні рядки:
Заголовок вікна браузера
Давайте і наберемо рядок у нашому попередньому прикладі.
Повинен бути білий текст на чорному тлі, так як на картинці.
На цьому, наш сьогоднішній випуск розсилки про структуру HTML-документа, закінчений.
Також Ви можете завантажити відео-урок собі на комп’ютер!
