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

HTML

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




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

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

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

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

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

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

Параграф (абзац) и заголовок в HTML. Теги p, h1, h2, h3, h4, h5, h6

Онлайн урок «Параграф (абзац) и заголовок в HTML. Теги p, h1, h2, h3, h4, h5, h6» посвящен вопросу о том, как оформить текст в виде абзаца и заголовка. Для изучения тегов p и h нам понадобится страница с произвольным текстом, который мы сейчас будем приводить в порядок. Чтобы сделать так, чтобы часть текста была в виде абзаца, необходимо заключить его между открывающей и закрывающей частью тега p. Таким образом, мы сообщаем браузеру, где начинается каждый параграф и где он заканчивается...

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

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

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

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

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

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

Советы по заполнению метатегов HTML для сайта

В этом видео рассказывается о том, какие бывают метатеги в HTML, для чего они нужны и советы по их заполнению. Метатеги - это служебные теги, которые предназначены для того, чтобы браузеры и поисковые системы правильно понимали и отображали вашу страницу. Все метатеги записываются в верхней части HTML кода страницы в блоке head. Создаются они при помощи тега meta и отличаются за счет атрибута http-equiv либо атрибута name. Причем метатег с атрибутом http-equiv в основном предназначен для...

Как сделать PHP обработчик для HTML формы сайта и что для этого нужно

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

Как создать контактную форму обратной связи для сайта в HTML. Тег form

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



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