Главная/ Учимся Javascript, CSS, HTML/ Уроки HTML

Уроки HTML

  • И, наконец-то, разметка

    добавлено 22.03.2011

    Разобравшись с вопросами форматов и кодирования, переходим, наконец, к самому интересному — HTML разметке. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Видео кодеки

    добавлено 22.03.2011

    Рассматриваются такие видео кодеки, как H.264, Theora и VP8. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Простые фигуры

    добавлено 16.03.2011

    Рисуем прямоугольник

  • Длинное отступление о том, как создавались стандарты

    добавлено 06.03.2011

    Путешествие в прошлое. Марк Андрессен, Тим Бернерс-Ли, Дейв Рэгетт и другие сочиняют тег <img>.

  • Разметка «обзоров»

    добавлено 19.04.2011

    Размечаем с помощью микроданных код, описывающий обзор. Заключительная глава книги Марка Пилгрима «HTML5. Up and Running»

  • Возвращаемся к расширенным фрагментам Google

    добавлено 19.04.2011

    Смотрим, как влияют микроданные на внешний вид выдачи в Google. Из книги Марка Пилгрима «HTML5. Up and Running»

  • Разметка «мероприятия»

    добавлено 19.04.2011

    Размечаем с помощью микроданных код, описывающий мероприятие. Из книги Марка Пилгрима «HTML5. Up and Running»

  • Разметка «организации»

    добавлено 19.04.2011

    Размечаем код, описывающий организацию. Из книги Марка Пилгрима «HTML5. Up and Running»

  • Введение в расширенные фрагменты Google

    добавлено 19.04.2011

    Зачем нужны микроданные? Что конкретно дает их использование? Из книги Марка Пилгрима «HTML5. Up and Running»

  • Разметка «люди»

    добавлено 19.04.2011

    Подробно исследуем разметку на конкретном примере. Из книги Марка Пилгрима «HTML5. Up and Running»

  • Модель данных микроданных

    добавлено 19.04.2011

    Добавляем микроданные в HTML разметку. Из книги Марка Пилгрима «HTML5. Up and Running»

  • Что такое микроданные?

    добавлено 19.04.2011

    Знакомимся с микроданными. Они дают возможность более тонко передать семантику, чем это могут сделать стандартные теги. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пролог

    добавлено 19.04.2011

    В заключительной, десятой главе книги Марка Пилгрима «HTML5. Up and Running» подробно рассказывается про микроданные, как инструмент улучшения семантики HTML страниц.

  • И еще одно…

    добавлено 11.04.2011

    О проверке валидности заполнения полей. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Выбор цвета

    добавлено 11.04.2011

    Рассматриваем поле для выбора цвета. Самая короткая статья. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Веб адреса

    добавлено 11.04.2011

    Как и для ввода e-mail, для ввода URL тоже появился свой тип поля. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Адреса электронной почты

    добавлено 11.04.2011

    Используем новый тип поля ввода. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Автофокус полей

    добавлено 11.04.2011

    HTML5 отбирает у JS еще одну фишку! Теперь автофокус — это дело разметки. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Замещающийся текст

    добавлено 11.04.2011

    Речь о тексте-подсказке, который содержится в поле ввода и пропадает при получении фокуса. В HTML5 реализовать такой текст — пара пустяков! Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пролог

    добавлено 11.04.2011

    Девятая глава книги Марка Пилгрима «HTML5. Up and Running» посвящена новым возможностям HTML5, связанным с версткой форм.

  • Давай что-то сделаем!

    добавлено 04.04.2011

    Создаем оффлайновую версию игры Уголки. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Искусство отладки или «Убей меня! Убей меня сейчас!»

    добавлено 04.04.2011

    О кешировании и трудностях отладки. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Поток событий

    добавлено 04.04.2011

    В процессе работы с manifest возникает (или может возникнуть) целый ряд событий. Разбираем детально этот вопрос. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Резервный раздел

    добавлено 04.04.2011

    Этот раздел файла-манифеста позволяет определить замены для ресурсов, которые по каким-либо причинам не могут быть сохранены или не могут работать локально. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Раздел Networks

    добавлено 04.04.2011

    Раздел файла-манифеста, созданный для списка файлов, которые не должны загружаться на локальный компьютер. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Файл manifest

    добавлено 04.04.2011

    Как дать понять приложению, какие файлы нужно сохранить, чтобы можно было работать оффлайн. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пролог

    добавлено 04.04.2011

    В восьмой главе книги Марка Пилгрима «HTML5. Up and Running» рассказывается об новых возможностях HTML5 в области построения оффлайновых веб приложений.

  • За пределами пар ключ/значение: конкурентное видение

    добавлено 28.03.2011

    Кратко рассказывается про Web SQL Database и Indexed Database API. Из книги Марка Пилгрима «HTML5. Up and Running».

  • HTML5 хранилище в действии

    добавлено 28.03.2011

    Разбираем применение хранилища на конкретном примере. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Использование HTML5 хранилища

    добавлено 28.03.2011

    Детально описывается работа с HTML5 хранилищем. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Введение в HTML5 хранилище

    добавлено 28.03.2011

    Что же такое HTML5 хранилище, зачем оно нужно и кто из браузеров умеет с ним работать. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Краткая история попыток реализации локального хранилища до HTML5

    добавлено 28.03.2011

    Исторический экскурс и резюме — что мы имеем на сегодня. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пролог

    добавлено 28.03.2011

    Седьмая глава книги Марка Пилгрима «HTML5. Up and Running» расскажет об новом способе для веб приложения хранить данные на компьютере пользователя — о локальном хранилище HTML5.

  • Итоговый пример

    добавлено 25.03.2011

    Пример кода, для определения месторасположения. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Geo.js нам в помощь

    добавлено 25.03.2011

    Библиотека которая сглаживает различия между W3C API, Gears API и API мобильных устройств. Из книги Марка Пилгрима «HTML5. Up and Running».

  • А что с IE?

    добавлено 25.03.2011

    IE не поддерживает геолокацию, придется использовать Gears. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Выбор! Я хочу выбирать!

    добавлено 25.03.2011

    Варианты определения месторасположения. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Обработка ошибок

    добавлено 25.03.2011

    Что делать, если определение месторасположения невозможно. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Покажи мне код

    добавлено 25.03.2011

    Простейший код запроса месторасположения. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Geolocation API

    добавлено 25.03.2011

    Что такое Geolocation API и их поддержка браузерами. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пролог

    добавлено 25.03.2011

    В шестой главе книги Марка Пилгрима «HTML5. Up and Running» рассказывается про Geolocation API — способ определения местоположения пользователя. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Полноценный пример

    добавлено 22.03.2011

    Используем полученные знания на практике. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Что с IE?

    добавлено 22.03.2011

    Старые (да и достаточно новые тоже) версии IE не понимают тега <video>. Но, как всегда, выход есть. Из книги Марка Пилгрима «HTML5. Up and Running».

  • И, наконец-то, разметка

    добавлено 22.03.2011

    Разобравшись с вопросами форматов и кодирования, переходим, наконец, к самому интересному — HTML разметке. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Кодирование видео WebM с ffmpeg

    добавлено 22.03.2011

    Инструкция по кодированию. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пакетное кодирование видео H.264 с HandBrake

    добавлено 22.03.2011

    Кодируем видео с HandBrake из командной строки. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Кодирование H.264 видео с HandBrake

    добавлено 22.03.2011

    Пошаговая инструкция кодирования со скриншотами. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пакетное кодирование Ogg видео с ffmpeg2theora

    добавлено 22.03.2011

    Краткое описание оффлайнового кодировщика. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Кодирование Ogg видео с Firefogg

    добавлено 22.03.2011

    Пошаговая инструкция кодирования со скриншотами. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Вопросы лицензирования H.264

    добавлено 22.03.2011

    Использование H.264 подлежит лицензированию. Давай разберем этот момент подробнее. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Что работает в Веб

    добавлено 22.03.2011

    С типами форматов и кодеков разобрались. Теперь посмотрим, что из всего этого поймут популярные браузеры. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Аудио кодеки

    добавлено 22.03.2011

    Знакомимся с аудио кодеками MPEG-1 Audio Layer 3, Advanced Audio Coding и Vorbis. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Видео кодеки

    добавлено 22.03.2011

    Рассматриваются такие видео кодеки, как H.264, Theora и VP8. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Видео форматы

    добавлено 22.03.2011

    Кратко рассказывается о таких популярных видео форматах, как MPEG-4, Flash Video, Ogg, WebM и Audio Video Interleave. Из книги Марка Пилгрима «HTML5. Up and Running». Из книги Марка Пилгрима «HTML5. Up and Running».

  • Пролог

    добавлено 22.03.2011

    Пятая глава книги Марка Пилгрима «HTML5. Up and Running» посвящена использованию видео в Веб. Детально рассматриваются вопросы видео форматов, рассказывается про применений HTML5 тега <video>. Из книги Марка Пилгрима «HTML5. Up and Running».

  • Полноценный пример

    добавлено 16.03.2011

    Давай посмотрим, как применить знания про <canvas> на примере простенькой игры «Уголки». А заодно разберем, как отследить клик пользователя мышкой по <canvas>.

  • А что с IE?

    добавлено 16.03.2011

    Учим IE понимать canvas с помощью JS-библиотеки Explorer Canvas.

  • Изображения

    добавлено 16.03.2011

    Разбираем вывод изображений на холст.

  • Градиенты

    добавлено 16.03.2011

    Рисуем разные градиенты на холсте.

  • Текст

    добавлено 16.03.2011

    Изучаем методы рисования текста на холсте.

  • Пути

    добавлено 16.03.2011

    Рисуем координатную сетку и оси с помощью методов построения и отрисовки пути.

  • Координаты холста

    добавлено 16.03.2011

    Разберем как рисовать фигуры на примере координатной сетки.

  • Простые фигуры

    добавлено 16.03.2011

    Рисуем прямоугольник

  • Пролог

    добавлено 16.03.2011

    Четвертая глава книги Марка Пилгрима «HTML5. Up and Running» расскажет о рисовании с использованием HTML5 тега <canvas>.

  • Подвалы

    добавлено 12.03.2011

    Учимся правильно использовать новый тег <footer>.

  • Навигация

    добавлено 12.03.2011

    Учим новый HTML5 тег <nav>.

  • Даты и время

    добавлено 12.03.2011

    <time> — специальный тег для обозначения даты и времени.

  • Статьи

    добавлено 12.03.2011

    Учим новый семантичный тег <article>.

  • Заголовки

    добавлено 12.03.2011

    Что нужно знать о заголовках в HTML5 и теге <hgroup>.

  • Длинное отступление о том, как браузеры отображают неизвестные теги

    добавлено 12.03.2011

    Боремся с IE, старые версии которого с неизвестными им тегами работают неправильно. Нам поможет почти волшебный трюк.

  • Новые семантические теги в HTML5

    добавлено 12.03.2011

    Краткий обзор новых тегов.

  • Элемент <head>. Дружеские отношения

    добавлено 12.03.2011

    Изменения, которые принес HTML5 внутрь тега <head>. Разбираем ссылочные отношения.

  • Элемент <head>. Кодировка символов

    добавлено 12.03.2011

    Изменения, которые принес HTML5 внутрь тега <head>. Разбираем вопрос кодировок.

  • Корневой элемент

    добавлено 12.03.2011

    Выбрасываем ставшие лишними атрибуты из тега <html>.

  • Doctype

    добавлено 12.03.2011

    С громоздкими и путанными в Doctype покончено! В HTML5 все стало гораздо проще.