- •Красноярск
- •Введение
- •1 Введение в html
- •1.1 Основные понятия
- •1.2 Пример html-документа
- •2 Теги текста
- •2.1 Основные теги текста
- •2.2 Теги форматирования текста
- •2.3 Пример использования тегов текста
- •2.4 Лабораторная работа
- •2.5 Контрольные вопросы
- •3 Стилевое оформление
- •3.1 Основные сведения и примеры стилевого оформления
- •3.2 Лабораторная работа
- •3.3 Контрольные вопросы
- •4 Таблицы
- •4.1 Основные теги таблиц
- •4.2 Пример использования тегов таблиц
- •4.3 Лабораторная работа
- •4.4 Контрольные вопросы
- •5 Списки
- •5.1 Основные теги списков
- •5.2 Пример использования тегов списков
- •5.3 Лабораторная работа
- •5.4 Контрольные вопросы
- •6 Изображения
- •6.1 Основные теги изображений
- •Примечание:
- •6.2 Примеры использования тегов изображения
- •6.3 Лабораторная работа
- •6.4 Контрольные вопросы
- •7 Гиперссылки
- •7.1 Основные теги гиперссылок
- •7.2 Навигационные карты
- •7.3 Пример использования гиперссылок
- •7.3 Лабораторная работа
- •7.4 Контрольные вопросы
- •8 Фреймы
- •8.1 Основные теги фреймов
- •8.2 Пример использования фреймов
- •8.3 Лабораторная работа
- •8.4 Контрольные вопросы
- •9 Формы
- •9.1 Основные теги форм
- •9.2 Пример использования формы
- •9.3 Лабораторная работа
- •9.4 Контрольные вопросы
- •10.1 Назначение JavaScript
- •10.2 История создания языка
- •10.3 Возможности языка
- •11 Задание для самостоятельной работы
- •Библиографический список
- •Содержание
2.2 Теги форматирования текста
В этом разделе описаны элементы для оформления и смыслового выделения текста - подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.
FONT. Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тэгами. Вне тэгов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.
Атрибуты:
SIZE - определяет размер шрифта. Возможные значения:
-
целое число от 1 до 7;
-
относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью параметра SIZE элемента BASEFONT.
COLOR - определяет цвет текста. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.
FACE - определяет используемый шрифт.
I. Выделяет текст курсивом
EM. Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тэгами. Результат обычно отображается курсивом. То есть элемент EM практически аналогичен по действию элементу I.
B. Выделяет текст жирным шрифтом
STRONG. Усиленное выделение. Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу B.
U. Выделяет текст подчеркнутым
S, STRIKE. Элемент STRIKE отображает помещенный между начальным и конечным тэгами текст как перечеркнутый. В HTML 3.2 вместо STRIKE был предложен более краткий тэг S.
SUP (Superscript). Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу.
SUB (Subscript). Отображает текст со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу.
CODE, SAMP. Данные элементы оформляют текст, находящийся между начальным и конечным тэгами, как формулу или программный код. Текст при этом как правило отображается моноширным шрифтом.
2.3 Пример использования тегов текста
<H1 ALIGN="center">Самый большой заголовок посередине</H1>
<H2>Заголовок поменьше</H2>
<H6>Малюсенький такой заголовочек</H6>
<P ALIGN="center">Это центрированный параграф.<BR>
Текст располагается в центре окна браузера</P>
<P ALIGN="right">А это параграф, выровненный по правому
краю.</P>
<P>т документа...
<DIV ALIGN="center">
...Текст, таблицы, изображения. Выравнивание по центру.
</DIV>
...Текст документа...</P>
<P>Пишите по следующему адресу: </P>
<ADDRESS>
Москва. ул. Академика Королева, 13 <BR>
Мурзилке
</ADDRESS>
<P>Редакция журнала "Домосед" выражает благодарность
Бухаресту Магарычу Шницелю за замечательное стихотворение: <P>
<BLOCKQUOTE>
Синели красные ромашки,<BR>
Желтели в небе облака,<BR>
Синицы в теплый край летели,<BR>
К истоку двигалась река.<BR>
...
</BLOCKQUOTE>
<P>Первое предложение<BR>Второе предложение на следующей
строке<P>
<P>Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной
горизонтальной линией. <P>
<PRE>
Hi There!
Hi There!
Hi There!
</PRE>
<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>
<FONT SIZE="3" FACE="Courier" COLOR="Magenta">Моноширный фиолетовый текст 3 размера</FONT>
<FONT> Текст с <I>курсивом</I> </FONT>
<FONT> Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом </FONT>
<FONT> Текст с <B>выделенным</B> словом </FONT>
<FONT> Я <STRONG>сильный</STRONG>, но легкий. </FONT>
<FONT><U> Подчеркнутый текст </U> </FONT>
<FONT> Лена + <STRIKE>Вася</STRIKE> Коля = Love </FONT>
<FONT> Текст с <BIG>увеличенным</BIG> словом </FONT>
<FONT> Небоскребы, небоскребы, а я <SMALL>маленький</SMALL> такой.</FONT>
<FONT> Microsoft <SUP>TM</SUP> </FONT>
<FONT> X<SUB>i</SUB> = B<SUB>i</SUB> + C<SUB>i</SUB> </FONT>
<FONT> Формула: <CODE> n=((x*15-z/1.25)/4)^5 </CODE> </FONT>
<FONT><TT>СЕНЯ ЗПТ ТВОЮ МАТЬ ТЧК ПОДРОБНОСТИ В ПИСЬМЕ ТЧК</TT> </FONT>
<FONT> Чтобы войти в систему наберите <KBD>"GUEST"</KBD> заглавными буквами. </FONT>
<FONT> Переменная <VAR>IndexZ</VAR> равна 5. </FONT>
<FONT> Как сказал классик:<BR>
<CITE>"Грамотное написание HTML способствует пищеварению"</CITE> </FONT>