<!Веселый HTML>

В прошлых уроках мы разобрали распространенные виды веб-форм и некоторую часть их компонентов. Пришло время рассмотреть более серьезные вещи - элементы формы! Все элементы в одну статью не пихнешь, поэтому сегодня разберем самый основной. Как создать форму? Нужно указать в документе элемент <form> и присвоить ему атрибуты из прошлой статьи. Далее следуют элементы формы. Они должны находиться только внутри. Элементы снаружи работать не будут...

Всем доброго времени суток! Одному из подписчиков обещал рассказать про карты-изображения. Сегодня покажу на конкретном примере. Для создания карты-изображения вам необходимо изображение (гений :D). Его мы будем разбивать на составные части с помощью тега <map>. Сначала указываем элемент <img> с адресом картинки. Далее ставим тег <map>. В который помещаем несколько тегов <area>. В <map> обязательно нужно указать атрибут name. Его значение нужно поместить в атрибут usemap вашего изображения...

Японские конструкторы запустили беспилотный дрон на высоту 20 километров от планеты. Задача дрона - обеспечивать высококачественным соединением сотни километров территории. Сам механизм выглядит как крыло от самолета. Бесперебойная функциональность дрона обеспечивается солнечной энергией днем и лазерными батареями ночью. Японцы планируют держать его в атмосфере месяцами, лишь изредка обслуживая. Видимо, кому-то надоело смотреть аниме в 360 p на...

Доброго времени суток моим подписчикам и гостям канала ;) Сегодня немного отвлечемся от веб и займемся повседневными вещами. Почти каждый из нас, зарядив телефон, даже не собирается вытаскивать провод. У вас есть резонные причины не делать этого. Их мы сейчас и обсудим ;) Практически все зарядные устройства "подворовывают" немного энергии в отсутствие ее носителя. Забытая зарядка может употребить 0,05 КВТ в неделю, но сам факт заставляет напрячься если вы любитель экономии...

Сегодня переходим к технической части реализации форм на HTML5. Пришло время научиться создавать простые формы и формы посложнее;) Уроки HTML5. Вся форма оборачивается в элемент <form>, у которого есть много важных атрибутов...

В прошлом уроке мы начали разбирать, какими бывают формы. Сегодня рассмотрим пару оставшихся видов HTML-форм. 4. Поисковая форма. Используется редко, но на больших сайтах без нее никак. Может иметь различные параметры поиска, за счет чего количество элементов формы может быть увеличено. В зависимости от введенных данных переадресует пользователя на другие страницы, либо выдает ошибку. 5. Форма чата...

Сегодня разберем из чего состоит форма, а также вкратце пробежимся по тому, какими эти самые формы бывают! 1. Форма обратной связи. Довольно типичная штука. Используется для того, чтобы пользователь отправлял на сервер информацию с вопросом технической поддержке или просто информацию о себе (как досье). Бывают самые разнообразные, но чаще всего просят оставить e-mail, имя, а нередко и телефон. 2. Форма регистрации. Самая сложная форма...

Формы играют важнейшую роль в языке разметки, так как с их помощью пользователь и администратор могут обмениваться практически какой угодно информацией. Формы присутствуют на 70% веб-страниц в каком-либо виде, если не больше. Поэтому любой веб-дизайнер должен уметь их создавать. Технологии, используемые при создании форм, могут быть различными. Сама форма создается на чистом языке разметки. Стилизация производится с помощью CSS3. Иногда используется JS для интерактивности. И самое главное — серверный язык для обработки данных на стороне сервера...

Заключительная часть рассмотрения элементов HTML5. Все уроки по этой обширной теме висят на канале — можете в любой момент с ними ознакомиться! Сегодня рассмотрим малоизвестный элементы данной группы....

С ходом прогресса способы защиты информации стали более продвинутыми и иногда изощренными. Раньше секретные письма и документы могли печатать шифром, который был известен малой группе людей. Сейчас этим уже никого не удивишь :) Идентификация по глазу основана на биометрическом шаблоне. Этот шаблон заключает в себе хранилище всех характеристик человека (в данном случае — его глаза). Шаблонов в устройстве может быть несколько. Когда попавший в камеру человеческий глаз совпадет с одним из таких шаблонов — система разблокируется...

Тема про строчно-блочные элементы настолько обширная, что придется растянуть ее еще на две статьи. В этой статье рассмотрим часто используемые элементы, а "экзотические" оставим на следующую! Элементы <audio> и <video> появились в новой спецификации языка, а их названия говорят сами за себя. Они предназначены для вставки контента. Внутри этих элементов необходимо расположить <source> (источник контента) и указать внутри путь к аудио- или видео-файлу. Желательно также указывать формат (атрибут type)...

В прошлой статье мы разобрали интересный строчно-блочный элемент <input>. Сегодня разберем схожий с ним элемент, который может перетягивать часть функций "собрата" на себя. Элемент <button> выполняет роль кнопки на веб-странице. При нажатии кнопки происходит какое-либо действие. Эффект схож с <input type = "button">. Некоторые даже указывают аналогичный тип кнопки при написании тега. На кнопки "вешается" обработчик (программа, описывающая поведение странички при нажатии). Написать обработчики я вас...