Видео уроки по HTML/CSS для начинающих

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Что такое HTML?
• Для чего нужен язык HTML и что можно сделать с помощью HTML?
• Что такое тег?
• Какие бывают спецификации HTML?
• Программы для просмотра веб-страниц и работы в Интернет (браузеры)

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• С помощью каких программ пишется HTML-код
• Редактор БЛОКНОТ
• Редактор Notepad++
• Редактор Brackets
• Редактор Sublime Text 3
• Редактор Atom

Данный видеоурок предназначен для начинающих, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Какие бывают сайты
• Структура сайта
• Создание страницы в редакторе Блокнот
• Hello World!

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Из чего состоит веб-страница
• Структура веб-страницы
• Основные теги и правила разметки

Данный видеоурок предназначен для начинающих, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Семантическая разметка веб-страницы. Для чего она нужна?
• Новые семантические элементы в HTML5
• Валидаторы кода. Проверка валидности веб-страниц

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Что такое HTML?
• Версии HTML
• Редакторы HTML-кода
• HTML. Веб-браузеры
• Основные примеры в HTML

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Элементы в HTML
• Атрибуты в HTML
• Заголовки
• Горизонтальные разделители
• Как просмотреть исходный HTML-код страницы?
• Параграфы
• Разрыв строки
• Проблема стихотворения

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Стили в HTML

  • цвет фона страницы
  • цвет текста
  • шрифты
  • размер текста
  • выравнивание текста
• Форматирование в HTML

  • Элементы b и strong
  • Элементы i и em
  • Элемент small
  • Элемент mark
  • Элемент del
  • Элемент ins
  • Элементы sub и sup

Данный видеоурок предназначен для "чайников", желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Цитаты и элементы цитирования в HTML:

  • Элемент Quotation (цитата)
  • Элемент <blockquote> для цитат
  • Элемент <q> для коротких цитат
  • Элемент <abbr> для аббревиатуры
  • Элемент <address> для контактной информации
  • Элемент <cite> для названия работы
  • Элемент <bdo> (Bi-Directional Override) для двунаправленного переопределения
• Комментарии в HTML

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Имена цветов - color names
• Цвет фона - background-color
• Цвет текста - color
• Цвет границы - border
• Цветовые значения - RGB, HEX, HSL, RGBA, HSLA
• Цветовая насыщенность - saturation
• Цветовая лёгкость (освещенность) - lightness

Данный видеоурок предназначен для начинающих, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• Стилизация HTML страниц с помощью CSS (каскадных таблиц стилей):

  • Встроенный CSS (inline);
  • Внутренний CSS (internal);
  • Внешний - CSS (external);
• CSS шрифты - color, font-family, font-size
• CSS границы - border
• CSS отступы - padding (внутренний)
• CSS отступы - margin (внешний)
• Атрибут идентификатора - id
• Атрибут класса - class

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• HTML ссылки. Синтаксис
• Абсолютные и относительные (локальные) ссылки
• Цвета HTML-ссылок
• Целевой атрибут (target) в HTML ссылках
• Изображение как ссылка
• Атрибут title в ссылках
• HTML ссылки, создающие закладку
• Внешние пути ссылок
• Ссылка на элемент с указанным идентификатором id
• Ссылка на JavaScript-код
• Различия ссылок в HTML 4.01 и HTML5
• Настройки CSS по умолчанию для ссылки

Данный видеоурок предназначен для новичков, желающих освоить язык разметки веб-страниц HTML. В данном уроке вы узнаете:

• HTML изображения. Синтаксис
• Тег <img>, атрибуты src и alt
• Размер изображения - ширина (width) и высота (height)
• Изображения в другой папке
• Изображения на другом сервере
• Анимированные изображения
• Изображение как ссылка
• Обтекание изображения - свойство float
• Карты изображений - image-map
• Тег <area>, атрибуты shape и coords
• Фоновое изображение - background-image
• Элемент <picture> (картинка)

Данный видеоурок предназначен для начинающих, желающих выучить язык разметки web-страниц HTML. В данном видео уроке вы узнаете:

• Определение таблицы в HTML
• Добавление границы - border в таблице
• Свёрнутые границы - border-collapse
• Добавление отступа - padding в ячейках
• Заголовки с левым выравниванием - text-align
• Добавление интервала между границами - border-spacing
• Ячейки, которые охватывают множество столбцов - colspan
• Ячейки, которые охватывают множество строк - rowspan
• Добавление заголовка таблицы (подписи к таблице) - caption
• Особый стиль для одной таблицы - Id
• HTML теги для отображения таблицы