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

HTML

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




Основы языка HTML. Чекбоксы (checkbox)

Видео «Основы языка HTML. Чекбоксы» посвящено вопросу о том, как сделать чекбокс в форме на сайте. Данные элементы используются для выбора одного или нескольких значений, отметив их флажками (галочками). Возможность выбрать сразу несколько элементов и есть отличие чекбоксов от радиокнопок, в которых можно выбрать только одно значение. Создаются они при помощи тега input с атрибутом type, установленным в значение checkbox. Также следует указать имя элемента через атрибут name. После чекбокса...

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

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

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 теги для вставки внешних объектов - iframe и object

Видео «HTML теги для вставки внешних объектов - iframe и object» посвящено вопросу о том, какие теги используются в языке HTML для вставки объектов, взятых с какого-либо другого сайта. Например, это может быть код видеоролика с сайта YouTube или какого-либо другого видеохостинга. Т.е. при размещении кода такого объекта, сам файл видеоролика не будет храниться на Вашем сервере, а на странице сайта, где размещен код он будет проигрываться как обычно. Для вставки внешних объектов в языке HTML...

Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST

Онлайн урок «Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST» посвящен вопросу о том, как происходит передача информации, введенной пользователем в поля формы сайта, на PHP обработчик. При создании формы тегом form, в атрибут action прописывается путь к PHP файлу, в котором содержится определенный алгоритм действий. Кроме того, тегу form необходимо задать атрибут method, и указать ему метод передачи данных из HTML формы в PHP обработчик. Существует два таких метода...

Как сделать кнопку для формы в HTML и добавить её код на сайт

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

Текстовые поля форм в HTML, ввод пароля. Теги input и label

Онлайн урок «Текстовые поля форм в HTML» посвящен вопросу о том, как создаются поля для ввода текста или пароля на сайте. Для начала, сделаем простое текстовое поле, которое может быть использовано для ввода имени, адреса электронной почты, либо другой короткой текстовой информации. Создать его можно при помощи тега input. Стоит отметить, что данный тег также используется при создании многих других элементов формы. Чтобы из тега input получилось именно поле для ввода текста, необходимо указать...

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

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

Форматирование текста в HTML. Жирный, курсивный. Теги strong, b, em, i

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



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