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

HTML

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




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

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

Текстовая область в HTML. Тег textarea

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

Поле со списком выбора в HTML. Теги select и option

В этом онлайн уроке рассказывается о том, как создать элемент выбора (select) в форме на сайте, т.е. поле со списком значений для выбора. Данный элемент также допускает возможность множественного выбора. Создается поле выбора при помощи парного тега select. Т.е. получается своего рода контейнер, в котором нужно создать элементы выбора или опции. Эти элементы создаются тегом option, внутри которого прописывается текст этой позиции. Тегу select нужно присвоить имя в атрибуте name. Для определения...

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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