Каталог статей по Web-программированию 


Назначение имен элементов HTML формы в виде массивов

Опубликовано

 

HTML форма предназначена для обмена данными между сервером и клиентом. Она содержит элементы (input, textarea, select и т.д.) являющиеся своего рода ее переменными. Для идентификации каждому элементу в атрибуте name назначается имя.

В дальнейшем при отправке формы, на стороне сервера ее обрабатывает PHP скрипт, который получает доступ к данным формы посредством обращения к имени элемента. Существует несколько способов назначения имен для элементов веб-форм:

Подробнее..

Создание и оформление таблиц. HTML + CSS

Опубликовано

В недавнем прошлом популярность таблиц была невероятно высока, они использовались не только для представления табличных данных, но также были основным средством для формирования структуры документа (не смотря на ряд недостатков). В настоящее время для верстки документа все больше используют блочный элемент DIV.

Таблица же остается основным элементом языка HTML, которая незаменима для создания сложных конструкций, для представления табличных данных, где блочные элементы бессильны, и не обладают такой вариативностью.

 

Подробнее..

Служебная информация контейнера HEAD

Опубликовано

Служебная информация блока HEAD

Тег HEAD – контейнер, предназначен для хранения служебной информации, используемой браузерами и поисковыми роботами для формирования и индексирования документа.

Служебная информация представляет собой набор тегов размещенных в блоке head:

Подробнее..

Выравнивание DIV свойством float

Опубликовано

 

HTML-контейнер DIV используют для верстки сайта. В некоторый случаях для этих целей также применяют таблицы, однако, DIV верстка имеет ряд преимуществ по сравнению с табличной:

  • Компактный и легко читаемый код, за счет выноса оформления в отдельный стилевой файл. Что нельзя сказать про табличную верстку, при использовании которой, код нагромождается большим количеством тегов <tr><td>, а если используются вложенные таблицы, то происходит не только загрязнения кода вышеуказанными тегами, но и к тому же, код, становится трудно читаемым;
  • Загрузка содержимого блока DIV, по мере его отображения на экране, содержимое таблицы отображается только после загрузки всей страницы;
  • Лучшая индексация поисковыми роботами;

Таблицы лучше всего использовать для отображения табличных данных, верстку документа делайте с помощью DIV.

Подробнее..

Горизонтальная и вертикальная прокрутки в DIV

Опубликовано

Горизонтальная прокрутка

В реализации горизонтальной прокрутки важно сделать правильную структуру. В данном примере используется тройная вложенность. Основной DIV, содержит дочерний DIV, в который помещаются элементы, также заключенные в DIV.

Элемент - универсальная единица. Элементом может быть одно изображение, либо несколько, либо таблица, либо еще один Div, т.е. в место элемента можно подставить любой объект.

<div>Изображение</div>
<div>Изображение1 Изображение2</div>
<div>Таблица</div>

Подробнее..