ВИДЕО УРОКИ ДЛЯ ВСЕХ
И ОБО ВСЁМ!
Приветствую Вас Гость | Регистрация | Вход

HTML

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




Декоративное объединение элементов формы в HTML. Теги fieldset и legend

Здесь рассказывается о том, как выполнить декоративное объединение элементов формы в HTML. Для выделения части полей формы в отдельную область и создания ей соответствующего названия, предназначены специальные теги - fieldset и legend. С помощью тега fieldset вокруг выделяемых элементов формы создается рамка. А если в этот тег поместить тег legend с текстом названия области, то на рамке появится надпись с этим текстом. Таким образом, можно красиво оформить разделение всех элементов формы на...

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

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

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

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

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 для сайта

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

Блокировка элементов формы в HTML. Атрибуты disabled и readonly

Видео урок «Блокировка элементов формы в HTML. Атрибуты disabled и readonly» посвящен вопросу о том, как заблокировать поля формы от изменений. Очень часто, при работе с формами на сайте, возникает необходимость заблокировать тот или иной элемент от изменений в зависимости от какой-то ситуации. Например, если определенный ответ на один вопрос делает бессмысленным следующий вопрос. И поэтому, соответствующие поля было бы лучше сделать недоступными. Здесь мы рассмотрим атрибуты, которые можно...

HTML таблица. Создание отступов, выравнивание текста, размеры

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

Как сделать таблицу в HTML. Объединение ячеек, границы. Теги table, tr, td, th

Здесь рассказывается о том, как сделать таблицу в HTML. Достаточно часто перед Веб-мастером ставится задача по созданию таблицы в HTML и вставки её кода на страницу сайта. Сейчас они используются в основном для вывода табличных данных, хотя не так давно на их основе верстался дизайн практически каждого сайта. Но постепенно, с развитием технологии CSS, таблицы практически перестали использоваться при создании каркаса сайта, их заменили блочные элементы, такие как div. Для создания таблицы в HTML...

HTML ссылки. Якорные, на электронную почту

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



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