Мини-курсы по веб-технологиям

Также довольно полезными являются символьные объекты, которые применяются для отображения символов, «занятых» в HTML-тегах. Составляющие символьный объект знаки должны быть выполнены в нижнем регистре, и каждая последовательность должна быть завершена «точкой с запятой» - ;. При помощи символьных объектов создаются знаки: «больше», «меньше», «и», «кавычки». Ниже приведён список символьных объектов и способ их выполнения (табл...

Если ваш HTML-документ достаточно велик, то может возникнуть ситуация, когда вам будет очень сложно разобраться, для чего создан тот или иной фрагмент HTML-кода. Для того, чтобы облегчить чтение веб-мастером HTML-кода, применяются комментарии, которые заключаются в скобки комментария, делающие такой текст не отображаемым браузером: Пример 13: <!— текст комментария -> В данном случае текст «текст комментария» не будет отображён...

​ В HTML формы применяются для отправки данных на обработку на какую-либо программу (скрипт), установленную на сервере. Формы также могут быть использованы для введения информации в базы данных через веб-интерфейс и для других подобных целей. Передаваемая информация состоит из двух частей: имени переменной и значения переменной. Форма создаётся парным тегом <form> </form>. Тег формы содержит следующие атрибуты (табл. 2.4.): Таблица 2.4. Атрибуты форм Название атрибута Обязательность Назначение Параметры action Обязательный Указывает на веб-адрес обработчика данных. В параметрах указывается URL обрабатывающей данные из формы программы action="search...

В переводе на русский язык слово фрейм означает «рамка», «окно», «страница». Вопрос применимости фреймов в веб-дизайне является одним из дискутируемых. У применения фреймов есть и сторонники и противники. Но начнём с того, что такое фрейм, как он устроен, как создаётся и как работает. Фрейм – это часть экрана, которая при всех манипуляциях с полосами прокрутки браузера остаётся на месте. Обычно во фрейм помещают главное меню сайта, логотип и другие важные элементы. Фрейм не может существовать «в единственном числе», если вы решите применить на своём сайте фреймовую структуру, то вам придётся для...

​ Возможность создания таблиц в HTML первоначально была предназначена для отображения табличных данных. Но теперь гораздо чаще таблицы применяются для организации пространства веб-страницы, для управления расположением объектов на экране. Таблицы и ячейки могут обладать различными свойствами: они могут быть видимыми и невидимыми, они могут иметь отступ «margin» (расстояние от границы таблицы, на которое отстоят внешние элементы) и отбивку «padding» (расстояние до границы таблицы помещённых внутрь таблицы элементов)...

Код вставки графического файла выглядит следующим образом: <img src="1234.jpg" width="375" height="500" alt="Описание файла" title="Название файла"> Из четырёх составных частей обязательной является <img src="1234.jpg">. В данном случае в веб-страничку будет вставлено изображение 1234.jpg. Файл изображения должен находится в той же папке, что и HTML-файл. Если они (файлы изображения и HTML-файл) находятся в разных папках,...

Названия Цвет можно задать названием (red, blue, green и т.д.). HTML поддерживает 140 имен цветов: https://www.w3schools.com/colors/colors_names.asp Hex Обычно для кодирования цвета применяются символы в шестнадцатеричной системе счисления (Hex). Должно быть, подобное определение цвета (#FF0000) вызывает вопросы. Этот код состоит из трёх пар символов (цифры или буквы), каждая их которых представляет собой закодированный оттенок трех цветов (красного, зеленого и синего) в диапазоне от нуля (00) до 255 (обозначается символами FF). При этом белому цвету соответствует #FFFFFF, чёрному - #000000. Как...

​ В HTML применяется два подхода к приданию тексту необходимых характеристик. Это физические и логические стили. Физические стили предписывают отображение заранее определённым образом: выделение текста при помощи жирности, приданием ему свойства курсива (наклона), подчёркивание текста и т.п. Логические стили – предписывают выделенному тексту какое-либо отличающее его от нормального текста качество. Способ отображения логического стиля во многом зависит от браузера. «Физическое» определение стиля предписывает шрифту отображение определённым, и только одним, заранее установленным образом...

​ HTML позволяет создавать два типа списков: маркированные и нумерованные. Маркированные списки создаются при помощи парного тега <ul> ... </ul>. Каждый помещённый внутрь тега <ul> ... </ul> элемент списка должен быть маркирован тегом <li> … </li>. Код маркированного списка выглядит следующим образом: <ul> <li>элемент 1</li> <li>элемент 2</li> <li>элемент 3</li> <li>элемент 4</li> </ul> В отображённом виде маркированный список выглядит следующим образом (рис. 2.3) Рис. 2.3. Маркированный список Нумерованный...

​ В общем виде текст форматируется в виде абзаца (или параграфа) и задаётся парным тегом <p> </p>. Но HTML позволяет управлять отображением текста: создавать заголовки, выводить на экран текст в виде маркированных или нумерованных списков, создавать списки определений, выводить текст в форматированном виде...

Почта Чтобы посетитель мог отправить вам письмо по элекстронной почте, в параметр атрибута href помещается значение «mailto:». Ссылка выглядит следующим образом: <a href="mailto:name@mailserver.com">Письмо</a> Ответом на «клик» посетителя сайта по этой ссылке станет запуск почтовой программы. Tелефон <a href="tel:+74951234567">+7 (495) 123-45-67</a> Ниже даны несколько примеров ссылок на мессенджеры. Skype (позвонить) <a href="skype:имя-пользователя?call">Skype</a> Skype (открыть чат) <a href="skype:имя-пользователя?chat">Skype</a> WhatsApp <a href="whatsapp://send?phone=+79517977997">WhatsApp</a>...

Любой веб-сайт в Интернет имеет адрес, называемый Universe Resource Locator, который обычно выглядит следующим образом: www.site.com. Чтобы создать ссылку на любой веб-ресурс, необходимо Universe Resource Locator ввести в тег «a», и выглядеть это будет следующим образом: Пример 6: <a href="www.site.com">Веб-сайт</a> Как вы видите, код ссылки состоит из следующих элементов (табл. 2.1). Таблица 2.1. Ссылка HTML Элемент ссылки Назначение элемента <a> </a> Двойной тег анкор. href="www.site.com" Веб-адрес документа, на который сделана ссылка. Веб-сайт Название сайта Это «минимальная конфигурация ссылки»...