Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Министерство образования Республики Беларусь
Белорусский национальный технический университет
Кафедра «МЭО»
Группа 105220
о выполнении лабораторной работы №3
по дисциплине «КИТ»
СОЗДАНИЕ ПРОСТЕЙШИХ WEB-СТРАНИЦ.
ФОРМАТИРОВАНИЕ ТЕКСТА СРЕДСТВАМИ ЯЗЫКА HTML
Руководитель: Руто О.С.
Выполнила: Матарас А.В.
Минск 2011
Цель работы: приобрести начальные навыки создания простейших Internet-документов; научиться выполнять
форматирование созданных Web-страниц.
Ход работы:
(a+b)2=a2+2ab+b2;
cij=aij+bij
Ответы на контрольные вопросы:
1. Общие положения языка HTML.
Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы. HTML-документы могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
Web-страницы могут быть созданы с помощью
HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений .HTM (для Windows 3.1) или .HTML (для Windows 95/98/NT, Macintosh и Unix).
Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — тэги.
Структура тэга имеет следующий вид:
<ТЭГ параметр1=значение1...>
текст
другие конструкции
</ТЭГ>
или
<ТЭГ параметр1=значение1...>
текст
другие конструкции
Чаще всего тэги используются попарно, окружая размеченные фрагменты текста. Такие тэги называются контейнерами. Закрывающийся тэг отличается на начального только присутствием символа "/" добавляемого перед именем тэга. При интерпретации тэгов браузер не делает различия между строчными и прописными буквами. Поэтому сами тэги можно набирать на любом регистре. Зачастую параметр (атрибут) является необязательной величиной и его можно пропускать.
Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает Web-браузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:
<HTML> ...тело документа... </HTML>
В общем виде Web-документ имеет следующую структуру:
<HTML>
<HEAD>
<TITLE>
… заголовок
</TITLE>
</HEAD>
<BODY>
… тело документа
</BODY>
</HTML>
Тэги <HTML> и </HTML> заключают внутри себя все элементы HTML-кода, указывая, что используется язык HTML.
Тэги <HEAD> и </HEAD> обозначают заголовок Web-документа. Как правило, заголовок содержит название документа, информацию для индексирования и некоторые общие установки для данного документа. Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа.
Тэги <BODY> и </BODY> обрамляют оставшуюся часть документа (тело). Здесь размещается основная смысловая текстовая и графическая информация.
Разделение документа на заголовочную часть и тело имеет лишь смысловую нагрузку. Текст, приведенный в любой из этих частей, на экране выглядит совершенно одинаково.
Внутри контейнера <HEAD> может использоваться тэг <TITLE>, как показано выше. Большинство Web-браузеров отображают содержимое этого тэга в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок документа не появляется при отображении самого документа в окне.
Как любой язык, HTML позволяет вставлять в тело документа пояснительный текст (комментарии), который сохраняется при передаче документа по сети, но не отображается браузером. Синтаксис комментария следующий:
<!-- Это комментарий -->
Комментарии могут встречаться в документе где угодно и в любом количестве.
3. использование Цвета в HTML-документе
Язык HTML определяет следующие типы цветов: BGCOLOR (цвет фона для тела документа), TEXT (цвет, используемый при выводе на экран текста из данного документа), LINK (цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей), VLINK (цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей), ALINK (цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши).
Существует две формы задания цвета: символьная (указывается название одного из предопределенных цветов) и цифровая (комбинация RGB: #RRGGBB).
Символьные идентификаторы основных цветов и их RGB-комбинации приведены ниже: BLACK (#000000) — черный, SILVER (#C0C0C0) — серебряный, GRAY (#808080) — серый, WHITE (#FFFFFF) — белый, MAROON (#800000) — темно-красный, RED (#FF0000) — красный, PURPLE (#800080) — томно-сиреневый, FUCHSIA (#FF00FF) — сиреневый, GREEN (#008000) — зеленый, LIME (00FF00) — ярко-зеленый, OLIVE (#808000) — оливковый, YELLOW (#FFFF00) — желтый, NAVY (#000080) — темно-синий, BLUE (#0000FF) — голубой, TEAL (#008080) — сине-зеленый, AQUA (#00FFFF) — ярко-голубой.
Атрибут, указывающий на цвет, может использоваться в тэгах <BODY>, <FONT>, <HR>, <MARQUEE>, <TABLE>.
4. Элементы форматирования на уровне блоков
Тэг абзаца (параграфа)
<P ALIGN=LEFT|CENTER|RIGHT|JUSTIFY NOWRAP> текст </P>
разделяет два абзаца пустой строкой. Может не иметь пары </P>. Параметр ALIGN задает выравнивание информации. Применение параметра NOWRAP дает возможность писать текст без переноса слов. Для центрирования текста или графики можно использовать также контейнер <CENTER>.
Тэги заголовков
<H1|H2|H3|H4|H5|H6 align=...> текст </H1|H2|H3|H4|H5|H6>
используются для выделения структурных частей текста. Каждый стиль заголовка имеет свой размер. Тэг <H1> имеет наибольший размер.
Тэг горизонтальной линейки
<hr align=... size=... width=... noshade>
предназначен для вычерчивания горизонтальной линии. Атрибут SIZE задает толщину линии в пикселах, WIDTH — ее ширину в пикселах или процентах от ширины окна браузера. Атрибут NOSHADE позволяет представить линию без тени в виде простой темной полоски.
Тэг конца строки
<br>
вызывает переход не новую строчку без разрыва абзаца.
Тэг <WBR> — определяет место возможного (рекомендуемого) переноса (разрыва) строки.
Контейнер <NOBR> заключает в себе текст, который не должен разбиваться на строки, даже если она выходит за границы экрана. Вместо этого браузер позволит горизонтально прокручивать текст.
Для отображения на экране символов табуляции, возврата каретки, дополнительных пробелов используется контейнер <PRE>. При отображении такого текста используется моноширинный шрифт. Внутри контейнера могут использоваться другие тэги форматирования.
Контейнер <BLOCKQUOTE> предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный этим тэгом , отступает от левого края документа на 8 пробелов.
5. Элементы, задающие шрифт
<TT> — телетайпный текст (моноширинный).
<I> — стиль с наклонным шрифтом (курсив).
<B> — стиль с жирным шрифтом.
<U> — стиль с подчеркиванием текста.
<BIG> — печать текста шрифтом увеличенного размера (большего, чем окружающий текст).
<SMALL> — печать текста шрифтом уменьшенного размера (меньшего, чем окружающий текст).
<SUB> — печать текста со сдвигом вниз (нижний индекс или подстрочный).
<SUP> — печать текста со сдвигом вверх (верхний индекс или надстрочный).
<STRIKE> или <S> — стиль с перечеркиванием текста.
<FONT size=… color=... face=...> текст </FONT>
size — устанавливает размер шрифта, который будет использоваться текстом, содержащимся в пределах элемента font. Вы можете задать абсолютный размер шрифта, указав какое-либо целое число от 1 до 7. Для шрифта можно также указывать относительный размер, сообщая атрибуту целое число со знаком (например, это может быть size="+1" или size="-2").
color — указывает цвет, которым будет выделен данный кусок текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается один из стандартных цветов.
face — задает гарнитуру шрифта.
6. Специальные тэги HTML
Тэг <ADDRESS> используется для выделения автора документа и его адреса (например, e-mail). Синтаксис:
<ADDRESS> Адрес-автора </ADDRESS>
Некоторые символы являются управляющими символами в HTML и не могут напрямую использоваться в документе:
Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями: < — < > — > & — & " — ".
Существует большое количество escape-последовательностей для обозначения специальных символов, например "©" для обозначения знака и "®" для значка . Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам. Escape-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <.
Выводы: приобрела начальные навыки создания простейших Internet-документов;
научилась выполнять форматирование созданных Web-страниц.