- •Информация и информатика. Структура и свойства.
- •9. Внешние устройства для хранения данных
- •1. Основные понятия windows. Преимущества и недостатки windows.
- •2. . Основные компоненты окна windows, управление окнами, диалоговые окна.
- •Команда Свойства появляется при нажатии правой кнопки мыши и описывает параметры соответствующего объекта.
- •4. Выделение, перемещение и копирование файлов и папок
- •5. Операции с объектами в Windows, использующие как буфер обмена, так и технологию Drag and Drop
- •8. Шрифт
- •1. Форматы. Сохранение и открытие документа
- •Форматирование страниц
- •5. Создание макросов.
- •13. Списки.
- •6. Форматирование символов
- •8. Использование стилей абзацев для автоматического форматирования документа.
- •9. Вставка оглавлений и предметных указателей
- •10. Шаблон документа
- •12. Адресация ячеек в таблице, используемая по умолчанию. Вычисления в таблицах, сортировка данных.
- •13. Списки: маркированный, нумерованный и многоуровневый. Изменение формата списков.
- •14. Рисование средствами Word. Создание надписи. Положение таблиц, графических и других объектов относительно текста.
- •16. Использование механизма слияния для создания однотипных документов.
- •Интернет
- •1.2. Компьютерные сети, появление и развитие Интернет.
- •3. . Протоколы Интернет.
- •Создание и сохранение html-документа
- •Язык гипертекстовой разметки html
- •Структура документа
- •Элементы html Правила вложения элементов Элемент html
- •2. 1. Гиперссылки
- •2. 2. Текстовые блоки
- •2. 3. Форматирование текста
- •2. 4. Списки
- •2. 5. Объекты
- •2. 6. Изображения
- •2. 7. Таблицы
- •Изменение абзацев Web-документа
- •7. Графические изображения
- •Выравнивание картинок на web страничке
- •8. Ссылки
- •9. Списки
- •10. Таблицы
- •11. Фреймы
- •Элементы для создания фреймов и работы с ними:
- •Примечания:
- •12. Формы Формы
- •13. Применение ccs для стилевого оформления Web-документа
- •1. Назначение каскадных таблиц стилей
- •Создание файла сss
- •Импортированная таблица стилей
2. 2. Текстовые блоки
-
<H1> … </H1>, <H2> … </H2>, … ,<H6> … </H6> — заголовки 1, 2, … 6 уровня. Используются для выделения частей текста (заголовок 1 - самый большой, 6 - почти равен обычном тексту по умолчанию).
-
<P> — новый абзац. Можно в конце абзаца поставить </P>, но это не обязательно.
-
<BR> — новая строка. Этот тег не закрывается (то есть не существует тега </BR>)
-
<HR> — горизонтальная линия
-
<BLOCKQUOTE> … </BLOCKQUOTE> — цитата. Обычно текст сдвигается вправо.
-
<PRE> … </PRE> — режим preview. В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме </PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе).
-
<DIV> … </DIV> — блок (обычно используется для применения стилей CSS)
-
<SPAN> … </SPAN> — строка (обычно используется для применения стилей CSS)
2. 3. Форматирование текста
-
<EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом)
-
<STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом)
-
<I> … </I> — выделение текста курсивом
-
<B> … </B> — выделение текста жирным шрифтом
-
<U> … </U> — подчёркивание текста
-
<S> … </S> — зачёркивание текста. Вот так:
зачёркнутый текст. -
<STRIKE> … </STRIKE> — то же самое, что <S> … </S>
-
<BIG> … </BIG> — увеличение шрифта
-
<SMALL> … </SMALL> — уменьшение шрифта
-
<BLINK> … </BLINK> — мигающий текст. Внимание! Этот тег может не работать в браузере Internet Explorer версий 5 и ниже без применения JavaScript
-
<MARQUEE> … </MARQUEE> — сдвигающийся по экрану текст.
-
<SUB> … </SUB> — подстрочный текст. Например, H<SUB>2</SUB>O создаст текст H2O.
-
<SUP> … </SUP> — надстрочный текст. Например, E=mc<SUP>2</SUP> создаст текст E=mc2.
-
<FONT параметры> … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры:
-
COLOR=color — задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 — зелёную, последние 2 — синюю) или названием.
-
FACE=шрифт меняет шрифт
-
SIZE=размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию 3. (Есть много способов изменить стандартный размер для данной страницы.)
-
SIZE=+размер или SIZE=-размер — размер задаётся по сравнению со стандартным. Например, +2 означает размер на 2 больше стандартного.
-
Так, например, <source lang="html4strict"> Сигналом к началу атаки являются три больших зелёных свистка. </source> создаст текст
Сигналом к началу атаки являются три больших зелёных свистка.
2. 4. Списки
2. 5. Объекты
-
EMBED — вставка различных объектов: не-HTML документов и media-файлов
-
APPLET — вставка Java-апплетов
-
SCRIPT — вставка скриптов.
2. 6. Изображения
-
IMG - вставка изображения. Этот тег не закрывается.
-
SRC - имя или URL
-
ALT - альтернативное имя (отобразится, если в браузере запретить отображать картинки)
-
TITLE - краткое описание изображения (отобразится при наведении курсора на картинку)
-
WIDTH, HEIGHT - размеры (если не совпадают с истинными размерами картинки, то изображение "растянется"/"сожмется")
-
ALIGN - задает параметры обтекания текстом (top, middle, bottom, left, right)
-
VSPACE, HSPACE - задают размеры вертикального и горизонтального пространства вокруг изображения
-
Пример: <source lang="html4strict"> <IMG SRC=url ALT="текст" TITLE="текст" WIDTH="размер (пикс, %)" HEIGHT="размер (пикс, %)"> </source>
Изображение можно сделать ссылкой: <source lang="html4strict"> <A HREF=url ><IMG SRC=url></A> </source>