- •Web-страницы.
- •Вставка тэгов в HEFS
- •Что такое Web-страницы?
- •Какие бывают Web-страницы?
- •Язык HTML
- •Тэги
- •Простейшая Web-страница
- •Редактор HEFS
- •Кодирование цвета
- •Тэг BODY – общие свойства страницы
- •Вставка атрибутов в HEFS
- •Тэг FONT – свойства блока текста
- •Стили оформления
- •Форматированный текст (листинги программ)
- •Заголовки: H1 … H6
- •Форматирование текста в HEFS
- •Специальные символы
- •Специальные символы в HEFS
- •Абзацы
- •Выравнивание
- •Абзацы в HEFS
- •Линия-разделитель
- •Цвет гиперссылок
- •Ссылки на другие страницы сайта
- •Примеры (ссылки из файла rock.html)
- •Ссылки на другие сайты
- •Ссылки внутри страницы
- •Запуск почтовой программы
- •Гиперссылки в HEFS
- •Маркированные списки
- •Нумерованные списки
- •Списки определений
- •Многоуровневые списки
- •Списки в HEFS
- •Форматы рисунков
- •Фон страницы
- •Рисунки в документе
- •Выравнивание
- •Отступы
- •Другие атрибуты
- •Рисунок-гиперссылка
- •Рисунки в HEFS
- •Простейшая таблица
- •Размеры
- •Выравнивание
- •Фон и цвет текста
- •Отступы
- •Объединение ячеек
- •Вложенные таблицы
- •Таблицы в HEFS
- •Фреймы
- •Описание структуры
- •Граница между фреймами
- •Настройка фрейма (FRAME)
- •Фреймы-строки
- •Сложные структуры (3 фрейма)
- •Как открыть ссылку в другом фрейме
- •Фреймы в HEFS
- •Работа с несколькими страницами в HEFS
- •Что может Javascript?
- •Основные принципы
- •Замена рисунка при движении мыши
Вставка атрибутов в HEFS
вставить только код цвета
10.07.19 |
11 |
11 |
Тэг FONT – свойства блока текста
• цвет текста
Привет!
<FONT COLOR=red>
Как дела?
</FONT>
• размер шрифта
Привет!
<FONT COLOR=red
SIZE=6>
Как дела? |
|
</FONT> |
от 1 до 7 |
10.07.19 (3 – нормальный) |
12 |
12 |
|
|
Стили оформления
жирный (bold)
курсив (italic)
подчеркивание
(underline)
зачеркивание
(strike out)
верхний индекс
(superscript)
нижний индекс
(subscript)
10.07.19
<B>Вася</B> |
Вася |
|
<I>Вася</I> |
Вася |
|
<U>Вася</U> |
Вася |
|
<S>Вася</S> |
Вася |
|
Вася<SUP>2</SUP> |
Вася2 |
|
Вася<SUB>2</SUB> |
Вася2 |
|
|
13 |
13 |
Форматированный текст (листинги программ)


program qq;
var a, b: integer; begin
writeln("Введите два числа"); read(a,b);
отформатированный текст end. (preformatted)
<PRE> program qq;
var a, b: integer; begin
writeln("Введите два read(a,b); writeln(a,'+',b,'=',a+b);
end. </PRE>
10.07.19 |
14 |
14 |
Заголовки: H1 … H6
<BODY>
<H1>Заголовок документа</H1>
<H2>Заголовок раздела</H2> <H3>Заголовок подраздела</H3>
<H4>Заголовок параграфа</H4>
<H5>Комментарий</H5>
<H6>Авторские пометки</H6>
</BODY> |
left, |
|
|
||
выравнивание: |
center, |
|
right |
||
|
<H1 ALIGN=center>История</H1>
10.07.19 |
15 |
15 |
Форматирование текста в HEFS
Ctrl-B
10.07.19 |
16 |
16 |
Специальные символы |
|
|
|
|
||
|
|
|
|
|
|
|
Символ |
HTML-код |
Название |
|
|
|
|
|
¡ или |
неразрывный пробел |
|
|
|
|
§ |
§ |
параграф |
|
|
|
|
|
|
|
||||
© |
© или © |
символ авторского права |
|
|
||
« |
« или « |
левая русская кавычка |
|
|
||
® |
® или ® |
зарегистрированная торговая марка |
|
|
||
° |
° |
градус |
|
|
||
± |
± |
плюс-минус |
|
|
||
² |
² |
квадрат |
|
|
||
³ |
³ |
куб |
|
|
||
» |
» или » |
правая русская кавычка |
|
|
||
¼ |
¼ |
четверть |
|
|
||
½ |
½ |
половина |
|
|
||
¾ |
¾ |
три четверти |
|
|
||
× |
× |
знак умножения |
|
|
||
÷ |
10.07.19 ÷ |
знак деления |
17 17 |
|||
Специальные символы в HEFS
10.07.19 |
18 |
18 |
Абзацы
• переход на новую строку
Одно физическое тело захотело поменять три своих старых варежки на что-нибудь хорошее.
<BR>
До самого вечера тело с варежками ...
• абзац (с отступами)
<P> |
|
|
Одно физическое тело захотело |
|
|
поменять три своих старых варежки |
|
|
на что-нибудь хорошее. |
|
|
</P> |
|
|
<P> |
|
|
До самого вечера тело с варежками ... |
|
|
</P> |
|
|
10.07.19 |
19 |
19 |
Выравнивание
атрибут тэга <P>
<P ALIGN="center">
Этот текст выровнен по центру. </P>
<P ALIGN="justify">
Этот текст выровнен по ширине. Этот текст выровнен по ширине. Этот текст выровнен по ширине.
Этот текст выровнен по ширине. </P>
left |
по левой границе |
! |
|
|
|
Не используйте |
|||
right |
по правой границе |
|
||
center |
по центру |
|
|
выравнивание по |
|
|
ширине для узких |
||
justify |
по ширине |
|
|
|
|
|
столбцов! |
||
|
|
|
|
10.07.19 |
20 |
20 |
