Лекції HTML

Лекція 7. Обтікання та позиціонування

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

Лекція 6. Блочна модель документа

Елементи HTML сторінки зазвичай діляться на блочні і рядкові.
Блочні елементи можна представити як прямокутні області на сторінці. Вони мають такі особливості:
1. До і після блочного елемента відбувається перехід рядка.
2. Блочним елементам можна задавати ширину, висоту, внутрішні і зовнішні відступи.
3. Займають весь доступний простір по горизонталі.

Лекція 5. Наслідування та каскадування. Оформлення тексту за допомогою CSS

Ієрархічне дерево
HTML-документ являє собою ієрархічне дерево. Це означає, що у кожного елемента (крім кореневого) є тільки один батько, тобто елемент, усередині якого він розташовується. У кореневого розділу батько відсутній. Розглянемо найпростішу сторінку:

Лекція 4. Знайомство з CSS. Селектори

На попередніх лекціях Ви вже трохи познайомилися з CSS. В цій і наступних лекціях ми розберемо його детально.
Нагадаємо, що CSS розшифровується як «каскадні таблиці стилів». Ця мова відповідає за зовнішній вигляд HTML-сторінки. Синтаксис мови досить простий: він складається з селекторів і властивостей. За допомогою селекторів можна сказати браузеру які саме елементи ми хочемо оформити. Властивості описують як саме ми хочемо оформити ці елементи.

Лекція 3. Таблиці. Форми

З усіх об'єктів, які використовуються для розмітки тексту в Інтернеті, таблиці є найскладнішими для початківців. Дійсно, табличні дані доводиться публікувати досить часто. На відміну від списків, абзаців, заголовків, зображень – з таблицями завжди виникає багато проблем.

Лекція 2. Розмітка тексту. Зображення. Посилання.

Як тільки контент готовий, і додана розмітка для структуризації документа (html, head, title і body), саме час визначити елементи контенту.
В цій лекції представлені елементи, що застосовуються для розмітки текстового та графічного контенту. Їх не так багато, як можна уявити, до того ж ви будете регулярно використовувати далеко не всі.

Лекція 1. Знайомство з HTML. Структура HTML-документа.

Існує три основні кроки створення веб-сторінки.
Крок 1: Початкове наповнення сторінки контентом.
Крок 2: Завдання структури документа (HTML).
Крок 3: Зміна зовнішнього вигляду сторінки за допомогою таблиці стилів (CSS).