Приветствую Вас Гость | Регистрация | Вход

HTML

В категории HTML собраны бесплатные видео уроки по этому языку разметки. HTML (HyperText Markup Language, в переводе с английского - язык разметки гипертекста) – это стандартный язык разметки документов в сети Интернет. С его помощью создаётся большинство страниц веб-сайтов. Он описывает структуру для любой странички сайта, в то время как технология CSS отвечает за её внешний вид. Язык HTML состоит из множества тегов и их всевозможных атрибутов. Он интерпретируется браузерами (программами для просмотра сайтов в сети Интернет) и выводится в виде документа в удобной для человека форме. Вообще, страница сайта или HTML-страничка представляет собой обычный текстовый документ с расширением *.html. Изучение HTML по видео урокам онлайн будет полезно как для начинающих, так и для более опытных Веб-мастеров. Видео уроки из рубрики HTML Вы можете смотреть бесплатно в любое удобное время. К некоторым онлайн видеоурокам по HTML Вы сможете скачать дополнительные материалы для обучения. Удачи Вам!




HTML/CSS, Разработка сайтов Создание гибкого элемента Head

Hallo. В этом видео мы создавали липкую шапку страницы, используя язык программирования JavaScript. При прокрутке страницы шапка сайта будет ужиматься в своих размерах, благодаря сравнению свойств элементов в коде. Для закрепления элемента к верху страницы мы повторим такое свойство как position со значением sticky Таймкод: 00:00 - Введение 0:58 - Разбор примера 1:42 - Открытие нового проекта в SublimeText3 1:57 - Создание базовой разметки документы 2:55 - Создание основной структуры...

Учебник HTML для начинающих. Радиокнопки (radio)

В этом видео уроке рассказывается о том, как сделать радиокнопку в HTML. Данный элемент формы обычно используется для выбора ответа на заданный вопрос из нескольких предложенных вариантов. При этом пользователь может выбрать только один из этих вариантов. Т.е. при выборе одного элемента, происходит автоматическое отключение другого. Для создания радиокнопок в HTML предусмотрен тег input, в котором атрибут type установлен в значение radio. Для него, как и для других элементов формы, необходимо...

Веб-дизайн с нуля в Figma (часть 1)

Всем привет от преподавателя. В этом занятии вы узнаете немного теории о веб-дизайне и познакомитесь с одной из самых перспективных и развивающихся программ нашего времени - Figma. Вместе мы создадим первый экран интернет-магазина цветов, используя инструменты в программе и полезные ресурсы для поиска изображений и иконок. Таймкод: 00:00 - введение 0:58 - теория по веб-дизайну 3:19 - разбор первого экрана, главной страницы сайта 4:21 - практика в программе Figma 28:37 - подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 2

Всем привет! Это вторая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 1:10 - Открытие проекта 1:13 - Создание скрипта 19:26 - Подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 1

Всем привет! Это первая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 0:24 - Разбор примера 1:32 - Создание базовой разметки 1:50 - Создание базовой структуры html страницы 3:30 - Добавление элементов на страницу 8:47...

Курс по HTML. Нужно ли знать все теги и атрибуты

Онлайн урок «Курс по HTML. Нужно ли знать все теги и атрибуты» посвящен вопросу о том, что необходимо изучать после освоения HTML. Несмотря на то, что в данном курсе были изучены не все существующие теги и атрибуты языка HTML, можно сказать, что основное мы все-таки изучили. Ведь на практике используются далеко не все элементы этого языка. Для создания сайтов достаточно знать только основные и самые часто используемые теги, которые мы и рассмотрели в предыдущих уроках данного курса. Главное...

HTML для начинающих. Теги div и span

Это видео посвящено вопросу о том, что собой представляют теги HTML - div и span, для чего они нужны и как с ними работать. Теги div и span являются тегами логического уровня, и сами по себе никак не проявляются. При помощи тега div создается своего рода контейнер, т.е. это блочный элемент, которому можно задать определенный набор свойств, используя CSS. Постепенно, с развитием CSS, тег div полностью заменил таблицы при верстке сайтов. Хотя, некоторое время назад, на табличной модели...

Валидация HTML документа. Проверка кода страницы сайта на ошибки

В этом онлайн уроке рассказывается о том, как проверить код HTML страницы сайта на ошибки. Валидация HTML документа это проверка синтаксиса его кода на соответствие конкретной спецификации. Сейчас в интернете существует достаточно много всевозможных онлайн сервисов для проверки страниц сайта с целью выявления ошибок, связанных с несоответствием веб стандартам. Такие ошибки могут возникнуть как по незнанию таких стандартов, так и по банальной невнимательности. Если страница HTML Вашего сайта при...

XHTML - расширяемый язык разметки гипертекста

Видео урок «XHTML - расширяемый язык разметки гипертекста» посвящен вопросу о том, что такое XHTML и особенности его использования. XHTML - это расширяемый язык разметки гипертекста, который достаточно динамично развивался какое-то время, но затем его развитие было остановлено, а команда разработчиков перешла в рабочую группу HTML5. Всего существует три типа документов XHTML: strict, transitional и frameset. Версии XHTML: 1.0, 1.1, Basic, Mobile Profile и последняя версия 2.0. XHTML является...

Как в HTML коде сделать комментарий

Здесь рассказывается о том, как в HTML коде сделать комментарий. Очень часто при создании страницы сайта возникает необходимость добавить служебную информацию в виде комментария к конкретному участку HTML кода. Например, если это совместная разработка сайта, либо нужно оставить комментарий для себя, ввиду большой сложности страницы. Но как сделать так, чтобы такая информация не выводилась пользователю при просмотре странице в браузере. Выход есть. Для этих целей в языке HTML предусмотрены...



Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.