Структура страницы сайта

Название страницы

Тело сайта

Цвет

. H-формат (16-ричный). По байту на цвет (R,G,B), у каждого байта своё поле в числе, потому три базовых цвета можно смешивать, получая любой другой.

Задать цвет фрагмента: текст фрагмента .

Задать цвет фона тела: . (Back Ground Color).

Картинки

– центровка. Но работает только в теле (контенте, body).

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

Рекомендуется использовать параметры width= и height= – ширина и высота картинки в пикселях (точка на экране). Можно еще title=хинт. Хинт (подсказка) будет всплывать при наведении мыши на картинку или ссылку, расположенную на странице сайта.

Форматирование текста

– bold – жирный – текст между этой парой тегов будет жирным.

– italic – курсив – шрифт между парой тегов будет выделен курсивам.

Правила вложенности тегов – как у циклов в языке высокого уровня – как матрешки.

– размер (уровень) заголовка. 1 – самый большой (заголовок первого уровня), 6 – самый маленький (6-го уровня). Заголовки очень «любят» поисковые системы, они повышают ценность текста на веб-странице, который располагается внутри тегов …. По этой причине лучше всегда использовать эти теги.

Параметр size= можно применять в : текст.

Размер текста здесь, в отличие от заголовков, пропорционален значению параметра «размер» (1,2,3,4, …).

Ссылки

IP-адрес моего компа.

Между и анкор – ссылочное слово или фраза, которая видна на сайте.

Новости. Страница в той же папке, что и главная.

Ссылка в виде картинки (эмблема ЮФУ). border=0 – для удаления рамки вокруг картинки.

Рекламный ролик

Скачать.

Если скачиваемые без полного пути (наgример, www\x\s\a.htm) то должны в одной папке со страницей.

Таблицы

. Внутри их

– строки. Внутри их

– столбцы.

Размер таблицы, строк или столбцов – по умолчанию или задается. Если не заданы. то пространство делится поровну. Содержимое ячеек надо писать между

.

border=толщина_границ. От 0 (нет) до 5 (толстые).

Параметры width и height задают в пикселях ширину и высоту таблицы (если стоят в теге

) или ячейки – если в теге

. Числа в параметрах width = height= могут быть без кавычек.

Между

можно ставить ссылки, изображения, текст.

– закрасить ячейку цветом AA2243 (см. Цвет).

– задать фоновую картинку (в той же папке, что страница).

Если ее размер в пикселях меньше размера ячейки, будет дублироваться. Поверх фона (не картинки) текст будет виден. background= нужно в

. Можно в

, но в некоторых браузерах будут проблемы.

Рассмотрим параметры cellpadding=число1 и cellspacing=число2 тега

. Параметр cellpadding определяет расстояние между границей ячейки и ее содержимым – целое значение в пикселях (или процентах от доступного экранного пространства). Параметр cellspacing задает расстояние между внешними границами ячеек. Если имеется параметр border, толщина границы принимается в расчет. Нулевые значения параметров cellpadding и cellspacing убирают границы таблицы.

Прочие теги

убирает промежуток между шапкой и сайтом.

valign=top перемещает текст вверх.

Справочник по HTML – http://htmlbook.ru/html/.

Рекомендую просмотреть справочник по HTML, выбрать наиболее нужные, на Ваш взгляд, команды и сделать алфавитный (предметный) указатель на HTML-теги: это поможет быстро найти нужный тег, полное описание которого затем прочитать в справочнике. Один и тот же тег лучше упомянуть наибольшее число раз – неизвестно, на какую букву Вы будете искать команду, валяя, точнее, ваяя сайт. Если нужна команда, которой нет в указателе, можно набрать ее в строке поиска обозревателя. Например, «Язык HTML команда тег выравнивания по левому краю». Поначалу ваш список будет небольшим и будет расширяться по мере вашего совершенствования. Если Вы затрудняетесь в составлении списка, предлагаю свой.

Урок #3 Структура сайта


Похожие статьи.

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