Автор работы: Пользователь скрыл имя, 01 Апреля 2011 в 12:47, шпаргалка
1.Информатика: понятие. Цели и задачи дисциплины.
2.Информация и данные. Единицы измерения информации. Устройства хранения информации.
3.Архитектура ЭВМ. Принципы Дж.фон Неймана.
4.Классификация программного обеспечения.
Операционные системы: классификация, основные элементы.
Классификация окон MS© Windows.
5.Программное обеспечение: браузеры. Основные операции с объектами.
6.Технологии обмена данными MS© Windows.
7.Текстовый редактор MS© Word.
Основные элементы.
Форматирование элементов.
Стили. Шаблоны документов.
Слияние документов.
Установка защиты на документ.
8.Табличный редактор MS© Excel.
Основные элементы.
Форматирование элементов.
Форматы ячеек. Адресация ячеек.
Формулы.
Установка защиты на документ.
9.Гипертекстовые документы.
Основные элементы.
Структура документа.
Тэги: парные и одиночные.
Тэги: выравнивание текста, вставка рисунков, гиперссылки, списки, таблицы, метки.
HTML-файл
— текстовый файл с
Тег — набор символов. Все теги заключаются в угловых скобках: символы "меньше" (<) и "больше" (>). После открывающей скобки идет ключевое слово, определяющее тег.
Каждый
тег имеет специальное
Существуют парные и одиночные теги. Парные теги воздействуют на фрагменты текста (открывающие создают эффект, закрывающие прекращают его действие), одиночные дают разовый эффект в месте их появления. Закрывающие теги начинаются с символа "слеш" (/).
| парные теги: | одиночные теги: |
| <HTML> </HTML>
<B> </B> <HEAD> </HEAD> <H3> </H3> <ADDRESS> </ADDRESS> <LI> <LI> |
<BR>
<HR> <META> <BASEFONT> <FRAME> <INPUT> |
Струткура документа.
HTML-документ
имеет строго заданную
<HTML> Содержание документа </HTML>
HTML-документ должен начинаться с тега <HTML> и заканчиваться закрывающем тегом </HTML>. Эта пара тегов сообщает браузеру, что данный документ — документ HTML.
Документ HTML состоит из раздела заголовка (HEAD) и тела документа (BODY). Раздел заголовка заключен между парными тегами и содержит информацию о документе в целом. Этот раздел должен содержать теги <TITLE> и </TITLE> — контейнер заголовка, текст которого отображается в строке заголовка окна браузера. Пропуск данного парного тега не вызывает ошибки в современных браузерах, но опускать его не рекомендуется. Пример структуры документа представлен ниже:
<HTML>
<HEAD>
<TITLE> Содержание заголовка</TITLE>
</HEAD>
<BODY>
Содержание тела документа
</BODY>
</HTML>
Язык
HTML предназначен для описания функциональных
разделов документов. В обычных документе
основными функциональными
Большинство фоновых рисунков малы, и их копии заполняют все окно браузера. Можно использовать стандартные текстурные изображения, эмблемы или логотипы. Формат изображения долен быть одним из трех: GIF, JPEG или PNG [Ошибка! Источник ссылки не найден.].
Абзацы.
Для обозначения обычных абзацев используют парный тег <P> и </P>. Перед параграфом автоматически вставляется пустая строка. Закрывающий тег не обязателен, но желательно его не опускать.
Текст в абзаце может быть выровнен по левому краю, правому, по центру, по ширине. Для этого используется атрибут ALIGN тега <P>.
Заголовки.
Заголовки используются не для простого определения размера и начертания текста,а для создания структуры документа.
HTML поддерживает шесть уровней
внутренних заголовков
Например, следующий фрагмент организует заголовки 1-го и 2-го уровней:
<HTML>
…
<BODY>
<H1>заголовок 1 уровня </H1>
<H2>заголовок 2 уровня </H2>
текст
…
</BODY>
</HTML>
Списки.
Списки - одна из разновидности оформления абзаца. Наиболее используемыми являются два варианта списков.
Ненумерованный список (unordered list) создается двумя тегами: <UL> и <LI>. Парный тег <UL> сдвигает абзац вправо, а одиночный тег <LI> — ставит маркер (bullet).
Нумерованный список (ordered list) задается тегами: <OL> и <LI>. Парный тег <OL> сдвигает абзац вправо, а одиночный тег <LI> — ставит номер.
Создать нумерованный список можно следующим образом:
<OL>
<LI>1 элемент <BR>
<LI>2 элемент <BR>
</OL>
| Тег OL атрибут TYPE | Тег UL атрибут TYPE | ||
| TYPE="1" | Обычная нумерация. | TYPE="DISK" | Маркером - жирная точка. |
| TYPE="I" | Нумерация большими римскими цифрами | TYPE="CIRCLE" | Маркер - кружок. |
| TYPE="i" | Нумерация малыми римскими цифрами | TYPE="SQUARE" | Маркер - квадратик. |
| TYPE="A" | Нумерация большими латинскими цифрами | ||
| TYPE="a" | Нумерация малыми латинскими цифрами | ||
Таблицы.
Таблицы — одно из основных средств верстки web-страницы и достижения эффектных результатов. Таблицы строятся их трех элементов: тег таблицы <TABLE> (1), теги строк <TR> (2), теги ячеек <TD> (3). Данные теги — парные, наличие закрывающих тегов обязательно [Ошибка! Источник ссылки не найден.]. Между тегами <TABLE> и </TABLE> может один раз встретиться пара тегов <CAPTION> и </CAPTION>, определяющая заголовок таблицы. Заголовок таблицы размещается над таблицей или под ней.
Внутри
ячеек таблицы могут
Атрибуты и теги таблицы. Таблица 7.
| Атрибут | Назначение |
| Bgcolor="#FFCC33" | цвет фона таблицы (строки, ячейки). |
| Background="картинка.gif" | задает фоновый рисунок для таблицы (строки, ячейки). |
| width="50" или width="50%" | ширина таблицы (строки, ячейки) в пикселях или процентах. |
| height="45" или height="45%" | высота таблицы (строки, ячейки) в пикселях или процентах. |
| align="center" (right, left) | выравнивает содержимое ячейки относительно ее центра (правого или левого краев). |
| valign="middle" (top, bottom) | вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу). |
| colspan="2" | растянуть ячейку на несколько столбцов. |
| rowspan="2" | растянуть ячейку на несколько рядов. |
| cellspacing="5" | задает пространство между ячейками. |
| cellpadding="5" | задает пространство внутри ячейки между ее содержимым и границами. |
| border="3" | задает толщину рамки таблицы. |
| bordercolor="#000000" | задает цвет рамки таблицы. |
Гиперссылки.
В качестве гиперссылки могут выступать текст, рисунок. Для создания гиперссылки из текста необходимо его пометить парным тегом <A>(anchor – якорь).
Атрибуты гиперссылки. Таблица 8.
| Атрибут | Назначение |
| HREF="адрес" | Переход к файлу, путь которого указан либо относительно, либо URL файла (адрес файла в Сети – в случае ссылки на чужой сайт). Важно в пути заменить бэкслэш на слэш. |
| TARGET=new | После выбора ссылки, страница будет открыта в новом окне браузера. Таким образом без задержки можно вернуться к исходной странице –– не тратиться время на новое открытие исходной страницы в случае «отката». |
Например, тег
<A
HREF="../main/index.html">Соде
осуществляет переход к файлу index.html, расположенному в подкаталоге main надкаталога текущего каталога. Для связи с автором сайта используется тег
<A
HREF="mailto:auther@mymail.ru"
А следующий тег
<A
HREF="mailto:auther@mymail.ru?
позволяет в поле темы вставить текст «About solution».
Метки.
С помощью меток можно перейти не только в начало страницы, но и перемещаться по тексту. Порядок создания меток и работы с ними таков:
1 шаг. Место, в которое должен происходить переход, помечается тегом
<A NAME="Имя Метки"> текст </A>.
2
шаг. В гиперссылке на место
перехода указывается имя
В случае перехода внутри текущей страницы:
<A HREF="#Имя Метки"> текст </A>.
В случае перехода к метке в файле index.html:
<A HREF="index.html#Имя Метки"> (см. Оглавление)</A>.
Информация о работе Шпаргалка по "Информатике и программированию"