Для размещения картинок в тексте используется html тег Img ( от английского image). Прежде, чем помещать картинку в страницу html кода, ее следует скопировать в jpg формате в папку, названную images, созданную специально для картинок и размещенную в папке с thml файлами сайта. Название изображений обязательно прописывается латиницей.
В html коде сайта находим место, где будет размещаться картинка, и пишем тег Img. Этот тег не является парным. Чтобы браузер распознал информацию по размещению изображения на сайте, нужно указать путь к картинке, относительно папки с кодом сайта html, в которой мы создали папку для хранения изображений. Примерно таким образом:
Где указаны – источник, ширина, высота и альтернативное название картинки для браузеров с отключенным показом изображений.
Т.к. браузер отводит под картинку всю строку на странице, то может появиться необходимость заполнения пустующего пространства текстом. Для обтекания картинки текстом существует тег Align – выравнивание. После тега прописывается место, слева, или справа, там, где будет находиться картинка. Строка приобретет, примерно, такой вид:
Чтобы исключить эффект «прилипания» текста к картинке, следует прописать атрибуты — Hspase, задающий отступы слева и справа от обтекающего текста, и Vspase, задающий отступы сверху и снизу:
Для создания обычного упорядоченного списка используется тег Ol ( сокращенно от ordered list) . Все элементы упорядоченного списка помещаются, как бы в «контейнер» между тегами
, и каждая строка списка заключается в свой тег
. В результате получается нумерованный список, где, при просмотре сайта в браузере, автоматически проставлены цифры в начале каждой строки элемента списка.
Другой тип списков – это неупорядоченный список, где вместо цифр, указываются различные маркеры. Для создания неупорядоченного списка с круглыми черными маркерами перед каждой строкой списка, используется парный тег Ul.
Все элементы списка помещаются между тегами
, А каждый элемент списка дополнительно помещается между парными тегами
.
Существует большая группа элементов сайта, называемых форма. Форма html позволяет создавать на сайте различные опросы, внутренний поиск на сайте, формы обратной связи, подписку и многое другое.
Все элементы форм находятся внутри тега Form, который является парным. Внутри самого тега указываются обязательные атрибуты, показывающие обработчик, куда отсылается вся информация с данной формы, и тот метод, при помощи которого будет затем отображаться информация в браузере.
Большинство элементов форм создаются при помощи универсального тега Input. При создании поля для ввода данных прописывается следующий код:
Что именно будет представлять из себя форма, целиком и полностью, зависит от параметров, указанных в атрибуте type. По умолчанию в браузере показывается текстовое поле.
