- •Вопросы к экзамену
- •История развития сервиса www
- •Общие понятия сайта. Этапы создания сайта
- •Виды тегов. Правила написания атрибутов и тегов.
- •Основные теги разметки. Основные теги html
- •Логические и физические стили, их применение.
- •Задание параметров текста. Выравнивание текста.
- •Создание маркированных, нумерованных списков и списков определений. Создание вложенных списков.
- •Создание линий. Вставка спецсимволов.
- •Назначение графического фона и задание цвета страницы.
- •Создание таблиц. Тег создания таблицы и его атрибуты. Тег создания строк и его атрибуты. Тег создания ячеек и его атрибуты.
- •Объединение ячеек таблицы. Тег создания заголовков таблицы. Вставка таблицы в ячейку таблицы.
- •Табличная верстка сайта.
- •Html формы: создание форм, элементы форм.
- •Гиперссылки: виды ссылок, правила создания.
- •Вставка рисунка. Атрибуты тега img.
- •Наследование. Каскадирование. Приоритеты стилей css.[править | править вики-текст]
- •Преимущества и недостатки[править | править вики-текст]
Html формы: создание форм, элементы форм.
Зачастую на Web – сайтах можно встретить страницы с размещенными на них HTML - формами. Веб-формы – удобный способ получения информации от посетителей вашего сайта. Пример тому – гостевая книга, – которая обеспечивает обратную связь с посетителями и разработчиками сайта. Формы так же удобны и для разработчиков сайта при разработке CMS, которая позволяет поддерживать главное свойство сайта - актуальность. Данная статья посвящена основам создания HTML-форм, их обработке и способам передачи данных из экранных форм в PHP-сценарии.
1) Создание простой формы
Теги <form> и </form> задают начало и конец формы. Начинающий форму тег <form> содержит два атрибута: action и method. Атрибут action содержит адрес URL сценария, который должен быть вызван для обработки сценария. Атрибут method указывает браузеру, какой вид HTTP запроса необходимо использовать для отправки формы; возможны значения POST и GET.
Замечание
Главное отличие методов POST и GET заключается в способе передачи информации. В методе GET параметры передаются через адресную строку, т.е. по сути в HTTP-заголовке запроса, в то время как в методе POST параметры передаются через тело HTTP-запроса и никак не отражаются на виде адресной строки.
<form method="post" action="../admin/add_story.php">
</form>
Многочисленные элементы форм можно условно разбить на несколько групп. Все элементы, естественно, имеют различную функциональность и разный внешний вид. Очевидно, что у каждого из обсуждаемых элементов есть определенное количество атрибутов (которые как раз и обеспечивают функциональность и, в меньшей степени, параметры внешнего отображения). Но в этом разделе мы отметим лишь абсолютно необходимые атрибуты, чтобы хотя бы увидеть, как выглядят те или иные элементы форм.
Элементы input
Элементы input, в зависимости от значения атрибута type, не только выглядят, но и функционируют принципиально по-разному. Большинство из них могут быть равным образом использованы как в клиентских, так и в серверных сценариях. Представим их в виде следующих групп:
Кнопки
Текстовые поля
Переключатели
Поле выбора файла
Скрытое текстовое поле
Многострочное текстовое поле
Выпадающий список select и его элементы option
Гиперссылки: виды ссылок, правила создания.
Главным признаком HTML-документа является наличие в нём гиперссылок (или просто ссылок) на другие документы, сайты, файлы, картинки и т.д. Именно возможность вставлять в страницы ссылки на объекты вне неё и сделала Интернет столь популярным и удобным для использования. Поэтому при создании своего сайта всегда помни про «магию» ссылок.
Во-первых, это может быть текстовая гиперссылка (анкорная(текст со ссылкой на сайт) или безанкорная(непосредственно адрес сайта)) и графическая.
Ссылки также делятся на внутренние, внешние, входящие и исходящие
Внутренние ссылки – ссылки, предназначенные для переходов внутри вашего сайта (например, с одной страницы на другую).
Внешние ссылки – ссылки, которые ведут с вашего сайта на другие (также они называются исходящие ссылки) или с других сайтов на ваш (по-другому, входящие ссылки или обратные ссылки).
Открытые ссылки – это ссылки, открытые для индексации поисковыми системами.
Соответственно, закрытые ссылки – это ссылки, которые вебмастер закрывает разными способами от индексации поисковых систем (чтобы контролировать распределение веса по своему сайту).
Для определения ссылки в HTML используется тег <a>, структура которого имеет вид <a href="filename">Текст ссылки</a>, где filename — имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки — текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Так же можно использовать аргумент TARGET, который показывает в каком окне будет открыта ссылка (значения - _blank (новом), _self (текущем)). target="имя окна">.
