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

HTML

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




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

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

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

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

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

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

HTML теги. Создание страницы сайта

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

Валидация HTML документа. Проверка кода страницы сайта на ошибки

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

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

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

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

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

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

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

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

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

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

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



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