На этом уроке мы зададим стили элементам формы обратной связи
Дата отправки отчёта:
28 декабря 2018 г.
Задание выполнено: за
1 час. 22 мин.
Чему научился:
Урок замечательный! Немного теории в урок: • КАК МОЖНО УПОРЯДОЧИТЬ СТОЛБЦЫ В BOOTSTRAP? Вы можете легко изменить порядок встроенных столбцов с помощью классов-модификаторов ".col-md-push-*" и ".col-md-pull-*" в диапазоне от 1 до 11. • КАКИМИ ДВУМА СПОСОБАМИ ВЫ МОЖЕТЕ ОТОБРАЗИТЬ КОД В BOOTSTRAP? Код в Bootstrap вы можете отобразить двумя способами: • Поместить код в строковый тег <code>. • Для выделения 2-х и более строк кода используйте тег <pre>. Избегайте использования угловых скобок < и >, для корректного отображения фрагментов кода. Всегда используйте теги <pre> как можно левее в редакторе кода, так как внутри тега <pre> сохраняются все отступы и пробелы.
• КАК СДЕЛАТЬ ИЗОБРАЖЕНИЯ RESPONSIVE(ОТЗЫВЧИВЫМ)? Bootstrap 3 позволяет сделать изображения отзывчивыми путем добавления класса ". img-responsive" в тег <img>. Этот класс применяет "max-width: 100%;" и "height: auto;" к изображению, так что изображение красиво масштабируется относительно родительского элемента. Желающий могут добавить в тест к уроку и заработать байты. Надеюсь полезно.
Что было сложным:
Не получилось раздвинуть. Вкралась ошибка, с которой не разобраться... Несколько вариантов пробовал... всё тщетно. Оставил эту затею - двигаюсь вперед. =)
Научился: Урок замечательный!
Немного теории в урок:
• КАК МОЖНО УПОРЯДОЧИТЬ СТОЛБЦЫ В BOOTSTRAP?
Вы можете легко изменить порядок встроенных столбцов с помощью классов-модификаторов ".col-md-push-*" и ".col-md-pull-*" в диапазоне от 1 до 11.
• КАКИМИ ДВУМА СПОСОБАМИ ВЫ МОЖЕТЕ ОТОБРАЗИТЬ КОД В BOOTSTRAP?
Код в Bootstrap вы можете отобразить двумя способами:
• Поместить код в строковый тег .
• Для выделения 2-х и более строк кода используйте тег
. Избегайте использования угловых скобок < и >, для корректного отображения фрагментов кода. Всегда используйте теги
как можно левее в редакторе кода, так как внутри тега
сохраняются все отступы и пробелы.
• КАК СДЕЛАТЬ ИЗОБРАЖЕНИЯ RESPONSIVE(ОТЗЫВЧИВЫМ)?
Bootstrap 3 позволяет сделать изображения отзывчивыми путем добавления класса ". img-responsive" в тег . Этот класс применяет "max-width: 100%;" и "height: auto;" к изображению, так что изображение красиво масштабируется относительно родительского элемента.
Желающий могут добавить в тест к уроку и заработать байты.
Надеюсь полезно. Трудности: Не получилось раздвинуть. Вкралась ошибка, с которой не разобраться... Несколько вариантов пробовал... всё тщетно.
Оставил эту затею - двигаюсь вперед. =)
Научился: HTML-формы == элементы управления для сбора информации от посетителей веб-сайта.
Состоят из текстовых полей, кнопок, списков. Технически формы передают данные от пользователя Серверу.
Для получения и обработки данных форм используются PHP, Perl.
До появления HTML5 веб-формы представляли собой набор нескольких элементов
,
, завершающихся кнопкой .
Для стилизации форм в разных браузерах приходилось попотеть.
Формы требовали применения JavaScript для проверки введенных данных, были лишены специфических типов полей ввода для указания повседневной информации типа дат, адресов электронной почты и URL-адресов.
HTML5-формы решили большинство проблем благодаря новым атрибутам, предоставив возможность изменять внешний вид элементов форм за счет CSS3.
