- •Вопросы к экзамену
- •История развития сервиса www
- •Общие понятия сайта. Этапы создания сайта
- •Виды тегов. Правила написания атрибутов и тегов.
- •Основные теги разметки. Основные теги html
- •Логические и физические стили, их применение.
- •Задание параметров текста. Выравнивание текста.
- •Создание маркированных, нумерованных списков и списков определений. Создание вложенных списков.
- •Создание линий. Вставка спецсимволов.
- •Назначение графического фона и задание цвета страницы.
- •Создание таблиц. Тег создания таблицы и его атрибуты. Тег создания строк и его атрибуты. Тег создания ячеек и его атрибуты.
- •Объединение ячеек таблицы. Тег создания заголовков таблицы. Вставка таблицы в ячейку таблицы.
- •Табличная верстка сайта.
- •Html формы: создание форм, элементы форм.
- •Гиперссылки: виды ссылок, правила создания.
- •Вставка рисунка. Атрибуты тега img.
- •Наследование. Каскадирование. Приоритеты стилей css.[править | править вики-текст]
- •Преимущества и недостатки[править | править вики-текст]
Создание линий. Вставка спецсимволов.
Тэг <HR> описывает горизонтальную линию. Может включать аттрибуты:
SIZE - толщина линии в пикселах;
WIDTH - длина линии в пикселах или процентах от ширины экрана;
ALIGN - выравнивание линии, может принимать значения LEFT, CENTER, RIGHT;
COLOR - цвет линии;
NOSHADE - линия рисуется без тени.
Иногда стандартных символов оказывается недостаточно для разработки хорошего дизайна страницы. На этот случай существует возможность использовать специальные символы. Их применение сводится ко вставке в html-код страницы ASCII-кодов этих символов. Делается это, например, так:
© Copyright by Каратель
или так:
© Copyright by Каратель
В результате чего ваши посетители увидят:
© Copyright by Каратель
В текстовых редакторах, строке чата, да и вообще где угодно, вставить символ можно следующим образом: нажимаете клавишу NumLock (включаете цифровую часть клавиатуры), затем, удерживая клавишу Alt, набираете код символа (набираете только цифры; например, для вставки символа с кодом © Вам нужно нажать Alt, и, не отпуская его, набрать 169), потом отпускаете Alt. Правда, вставить символ из другого шрифта таким образом не получится.
Существуют специальные шрифты, состоящие из одних картинок, созданные для "беспроблемного" введения графики на страницы. По-английски они называются dingbats - поищите на специализированных сайтах ;). Одним из таких шрифтов является Webdings. Он хорош тем, что поставляется в составе Internet Explorer, поэтому присутствует у большинства пользователей Windows. Это означает, что то, что Вы напечатали этим шрифтом, на другом компьютере будет с большой долей вероятности выглядеть так же, как и у Вас.
Назначение графического фона и задание цвета страницы.
Цвет фона определяется значением аттрибута BGCOLOR - шестнадцатиричным числом вида #hhhhhh, где первая пара символов является значением насыщенности для красного цвета, вторая - для зеленого, и третья пара - для синего цвета. #00 - минимальная насыщенность, #FF - максимальная насыщенность цвета. Можно использовать текстовое определение цвета: BLUE, RED, FUCHSIA и т.п - одно из шестнадцати допустимых значений.
Фоном может служить и какое-то изображение. При этом заданная область заполняется множественными копиями этого изображения (как кафельной плиткой). Для этого используется аттрибут BACKGROUND с указанием пути к рисунку. Например
<BODY BACKGROUND="graph/picture.gif">
Аттрибуты BGCOLOR и BACKGROUND могут находиться внутри метки <BODY>, тогда цвет фона устанавливается для всей страницы, либо в метках <TABLE>, <TR> и <TD> - устанавливается цвет фона во всей таблице, ее строке и ее ячейке соответсвенно (таблицы - тема следующего урока).
Для изменения цвета и размера шрифта используется метка <FONT></FONT>. Ее аттрибуты:
COLOR="#hhhhhh" - цвет текста;
SIZE="n" - размер шрифта;
FACE="имя_шрифта" - смена шрифта, где имя_шрифта может быть arial, verdana, helvetica, sans-serif и другие.
Пример использования метки <FONT>:
<FONT SIZE="5" COLOR="RED" FACE="SANS-SERIF">Крупный шрифт красного цвета без засечек</FONT>