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

HTML

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




Блок предварительно форматированного текста в HTML. Тег pre

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

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

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

Атрибуты HTML тегов

Видео «Атрибуты HTML тегов» посвящено вопросу о том, что такое атрибуты и какую функцию они выполняют. Атрибуты предназначены для присвоения тегам каких-либо дополнительных свойств. Например, чтобы выровнять абзац по центру, для тега p используется атрибут выравнивания align со значением center. По такому же принципу можно изменить свойства для других тегов. Возьмем, к примеру, тег нумерованного списка ol и добавим к нему атрибут start со значением 0. В результате чего нумерация данного списка...

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, можно сказать, что основное мы все-таки изучили. Ведь на практике используются далеко не все элементы этого языка. Для создания сайтов достаточно знать только основные и самые часто используемые теги, которые мы и рассмотрели в предыдущих уроках данного курса. Главное...

Установка локального сервера. Денвер (Apache, PHP, MySQL, Perl)

Это видео посвящено вопросу о том, как установить на свой компьютер локальный сервер - Денвер (Apache, PHP, MySQL, Perl). Скачать последнюю версию Денвера можно бесплатно с официального сайта этого программного обеспечения. Для установки Денвера, необходимо запустить инсталляционный файл, который находится в папке с установочными файлами. После этого нужно выполнять все шаги установки, отвечая на соответствующие вопросы. После установки Денвера в указанную Вами папку, на Вашем компьютере...

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

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

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 кода страницы в блоке head. Создаются они при помощи тега meta и отличаются за счет атрибута http-equiv либо атрибута name. Причем метатег с атрибутом http-equiv в основном предназначен для...



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