- •Лабораторная работа №5 Основы html-технологий. Создание простейших Web-страниц. Основные сведения
- •Создание Web-страницы
- •Упражнение 1
- •Упражнение 2
- •Цвет в языке html
- •Шестнадцатеричные коды
- •Оформление текста
- •Упражнение 3
- •Стили оформления
- •Упражнение 5
- •Заголовки
- •Специальные символы
- •Упражнение 4
- •Оформление абзацев Переход на новую строку
- •Выравнивание абзацев
- •Упражнение 6
- •Списки Маркированные списки
- •Нумерованные списки
- •Cписки определений
- •Вложенные списки
- •Упражнение 7
- •Контрольное задание
Упражнение 4
В файле Упражнение1.htm установите для слова «Привет» размер 5, цвет красный, шрифт Arial , для фамилии – размер 7, цвет желтый, шрифт Arial.
Стили оформления
Существует несколько стандартных стилей оформления текста: жирный, курсив, зачеркнутый, подчеркнутый, верхний индекс и нижний индекс. Вот тэги, которые отвечают за это:
<B>...</B> (от английского bold), а так же <STRONG> — это жирный текст
<I>...</I> (от английского italic), а так же <EM> — это курсив
<S>...</S> (от английского strike out) —
это зачеркнутый текст<U>...</U> (от английского underline) — это подчеркнутый текст
<SUP>...</SUP> (от английского superscript) — это верхний индекс
<SUB>...</SUB> (от английского subscript) — это нижний индекс
<PRE>...</PRE> (от английского preformatted) — это специальный стиль для оформления текстов программ (моноширинный шрифт, остаются все пробелы и переходы на новую строку).
Стиль относится к тексту, заключенному между открывающим и закрывающим тэгами.
Упражнение 5
В файле Упражнение1.htm установите для слова «Привет» курсивное начертание , а фамилию подчеркните.
Заголовки
Заголовки в тексте рекомендуется оформлять стандартными стилями. Текст будет выглядеть более красиво, если в оформлении его использовать заголовки. Для выделения заголовков используются парные тэги от <H1> до <H6> (от английского header), то есть, уровень заголовка изменяется от от 1 до 6. Страница с кодом
<BODY> <H1> Заголовок документа</H1> <H2> Заголовок раздела</H2> <H3> Заголовок подраздела</H3> <H4> Заголовок параграфа</H4> <H5> Комментарий</H5> <H6> Авторские пометки</H6> </BODY>
будет показана так:
Специальные символы
Существуют некоторые специальные символы, для добавления которых надо использовать их числовой код или условное обозначение, перед которым ставится знак &. В таблице 1 ниже даны самые распространенные специальные символы.
Таблица 1
Символ |
HTML-код |
Название |
|
¡ или |
неразрывный пробел |
¢ |
¢ |
значок цента |
£ |
£ |
значок фунта стерлингов |
¤ |
¤ |
|
¥ |
¥ |
значок японской йены |
§ |
§ |
параграф |
© |
© или © |
символ авторского права |
« |
« или « |
левая русская кавычка |
® |
® или ® |
зарегистрированная торговая марка |
° |
° |
градус |
± |
± |
плюс-минус |
² |
² |
квадрат |
³ |
³ |
куб |
» |
» или » |
правая русская кавычка |
¼ |
¼ |
четверть |
½ |
½ |
половина |
¾ |
¾ |
три четверти |
× |
× |
знак умножения |
÷ |
÷ |
знак деления |
