русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Заголовки


Дата добавления: 2013-12-23; просмотров: 601; Нарушение авторских прав


Таблица

DIV

На строке 17 (и еще в нескольких местах) находится тег <DIV>.

Элемент <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого [16]. Как правило, вид блока управляется с помощью стилей CSS.

Cодержимое тега <DIV> всегда начинается с новой строки. После него также добавляется перенос строки.

Параметры [2,16]:

  • align –задает выравнивание содержимого тега <DIV>. Аргументы:
    • center – выравнивание текста по центру;
    • left (значение по умолчанию) – выравнивание текста по левому краю;
    • right – выравнивание текста по правому краю;
    • justify – выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю.
  • title – добавляет поясняющий текст к контейнеру <DIV> в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на содержимом. В качестве аргумента принимает любую текстовую строку. Строка должна заключаться в двойные или одинарные кавычки.

На строке 21 находится тег <TABLE>.

Для добавления таблицы на веб-страницу используется тег -контейнер <TABLE> [17]. Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений.

Для добавления строк используется тег <TR>. Чтобы разделить строки на колонки применяются теги <TD> и <TH>. Разница между этими тегами следующая. Тег <TH> предназначен для создания заголовков, содержимое такой ячейки обозначается жирным начертанием и выравнивается по центру. В остальном, действуют эти теги одинаково.



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

Чтобы понимать, что можно ожидать от таблиц, следует знать их явные и неявные особенности, которые перечислены далее:

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

Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <TABLE>. Описание параметров таблицы и их значений приведено в табл. 2.2.

Таблица 2.2. Параметры тега <table>
Свойство Значение Описание
align left right center Выравнивание таблицы.
background Гиперссылка Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы.
bgcolor Код или название цвета Цвет фона таблицы.
border Число Толщина рамки в пикселах.
cellpadding Число Расстояние между ячейкой и ее содержимым.
cellspacing Число Дистанция между ячейками.
cols Число Задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению.
nowrap   Запрещает переносы строк в тексте.
frame void above below lhs rhs hsides vsides box Задание типа рамки таблицы
rules all groups cols none rows Определяет, где рисовать границы между ячейками.
width Число или проценты Минимальная ширина таблицы, можно задавать в пикселах или процентах.

На строке 24 (а также 57) находится тег заголовка <H1> ( <H2> ).

Заголовки выполняют важную функцию на веб-странице [18]:

  • они показывают важность раздела, к которому относятся, т.е. чем больше заголовок, тем более он значимый;
  • с помощью различных заголовков легко регулировать размер текста, т.е. чем выше уровень заголовка, тем больше размер шрифта (самым верхним уровнем является уровень 1 ( <H1> ), а самым нижним – уровень 6 ( <H6> ));
  • поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка.

Синтаксис создания заголовков следующий.

<h1>Заголовок первого уровня</h1><h2>Заголовок второго уровня</h2><h3>Заголовок третьего уровня</h3><h4>Заголовок четвертого уровня</h4><h5>Заголовок пятого уровня</h5><h6>Заголовок шестого уровня</h6>

Как правило, на веб-странице применяют заголовки с первого по третий уровень, их вполне достаточно. Редко когда приходится использовать заголовки более низкого уровня.



<== предыдущая лекция | следующая лекция ==>
Тело документа | Изображения


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Полезен материал? Поделись:

Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.002 сек.