- •Основы html
- •Введение
- •Основные понятия
- •Лабораторная работа №1
- •Форматирование текста
- •Задание к лабораторной работе №1
- •1. Создание html- документа.
- •2.Просмотр html-документа.
- •3.Редактирование html-документа.
- •Лабораторная работа №2
- •Заголовок таблицы
- •Лабораторная работа №3
- •Задание к лабораторной работе №3
- •Лабораторная работа №4 Тема: использование фреймов
- •Задание к лабораторной работе № 4
- •Лабораторная работа №5 Тема: карты изображений
- •Лабораторная работа №6 Тема: использование элементов форм при создании Web-страницы
- •Общие атрибуты форм
- •Элементы форм
- •Атрибуты, определяющие свойства элемента input
- •Пример формы (форма4)
- •Дополнительная литература
Форматирование текста
<P> </P> - элемент абзаца (paragraph) - позволяет использовать только начальный тег, так как следующий элемент <P> обозначает не только начало следующего абзаца, но и конец предыдущего. Допускается использование атрибута align.
<BR> - принудительный переход на новую строку, имеет только начальный тег. Допускает использование атрибута clear, применяемого для выравнивания объектов (например, рисунков) относительно текста, в котором использован элемент <BR>. Если элемент объекта содержит атрибут align, то в расположенных рядом элементах <BR> должен присутствовать атрибут clear.
Значения атрибута:
none - значение по умолчанию;
left - если объект выровнен влево;
right - если объект выровнен вправо;
all - для объекта, который может быть выровнен по любому краю.
Стандартные атрибуты: id, title.
<NOBR> </NOBR> - текст, заключенный между тегами выводится в одну строку.
<PRE> </PRE> - (preformatted) - используется для обозначения текста,отформатированного заранее.
Допускается использование атрибута для определения ширины блока текста в символах:
width = число символов
<CENTER> </CENTER> - элемент для центрирования текста или объекта. Элемент не является общеупотребительным, вместо него в элементах текста может использоваться атрибут align="center".
<B> </B> - выделение текста полужирным шрифтом.
<BIG> </BIG> - увеличение размера шрифта.
<SMALL> </SMALL> - уменьшение размера шрифта.
<I> </I> - выделение шрифта курсивом.
<STRIKE> </STRIKE> или <S> </S> - зачеркнутое начертание текста.
<U> </U> - подчеркнутое начертание текста.
<SUB> </SUB> - (subscript) - элемент, создающий эффект нижнего индекса.
<SUP> </SUP> -(superscript) - элемент, создающий эффект верхнего индекса.
<BASEFONT> </BASEFONT> - элемент, определяющий базовый шрифт (основной для всей страницы), внутри элемента необходимо указать атрибут:
size = базовый размер шрифта.
<FONT> </font> - определение типа, размера и цвета шрифта.
<BDO> </BDO> - элемент, позволяющий изменить направление текста, например:
<BDO dir="RTL"> направление текста можно изменить </BDO>.
<H1> </H1> - элемент заголовка. Существует шесть уровней заголовков, обозначаемых Н1 …Н6. Заголовок уровня 1 самый крупный, уровень 6 обеспечивает самый маленький заголовок. Для заголовков можно использовать атрибут, задающий выравнивание текста align:
align = "left";
align = "right";
align = "center".
<HR> (horizontal rule) - горизонтальная линия. Элемент не имеет конечного тега. Могут использоваться следующие атрибуты:
align - задает выравнивание влево, по центру, вправо, по ширине (justify);
Size - толщина линии в пикселях;
Width - длина линии в пикселях или %;
Color - определяет цвет линии.
<! -- Комментарий --> - используется для ввода пояснительного текста, не отображаемого Web-броузером.
<MARRQUEE> </ MARRQUEE> - "бегущая" строка, т.е. строка, создающая эффект прокручивания текста в заданном направлении. Характеристики "бегущей" строки задаются следующими атрибутами:
Width - ширина поля бегущей строки в пикселях или процентах от ширины окна;
Height - высота поля бегущей строки (в пикселях);
Hspace, Vspace - интервалы по горизонтали и вертикали между текстом строки и краями ее поля ( в пикселях);
Align - положение текста "бегущей" строки в ее поле:
Top - вверху;
Bottom - внизу;
Middle - посередине;
Direction - определяет направление движения:
Left - справа налево;
Right - слева направо;
Behavior - определяет характер движения строки:
Scroll - текст появляется от одного края и скрывается за другим;
Slide - строка вытягивается из одного края и останавливается у другого края;
Alternate - задает переменное направление движения от одного края к другому, а затем обратно;
Loop - определяет количество повторений текста в бегущей строке, задаваемое числом; если необходимо задать "бесконечное" количество повторений, то следует задать аргумент в виде ключевого слова Infinity. Атрибут Loop не влияет на поведение строки, если для атрибута Behavior заданы аргументы Alternate или Slide.
Scrollamount - устанавливает длину в пикселях "прыжка" текста за один такт; при большом значении этого параметра текст движется рывками, при малом - медленно;
Scrolldelay - определяет величину паузы между тактами перемещения текста (в миллисекундах).
Bgcolor - устанавливает цвет поля "бегущей" строки.
Пример "бегущей строки":
<MARQUEE HEIGHT=50 WIDTH=75% HSPACE=5 VSPACE=5 ALIGN=top BGCOLOR=YELLOW
DIRECTION=LEFT LOOP=INFINATE BEHAVIOR=SCROLL SCROLLAMOUNT=5 SCROLLDELAY=100>
<I>В октябре 1920 г. декретом Совнаркома в Екатеринбурге
учреждается Уральский государственный университет,
в состав которого входил инженерно-лесной факультет.</i></font>
</MARQUEE>
"Бегущая" строка "бесконечно" прокручивается на желтом поле шириной 75% от ширины окна броузера.