МЭО Группа 105220 Отчет о выполнении лабораторной работы 3 по дисциплине КИТ

Работа добавлена на сайт samzan.net:

Министерство образования Республики Беларусь

Белорусский национальный технический университет

Кафедра «МЭО»

Группа 105220

Отчет

о выполнении лабораторной работы №3

по дисциплине «КИТ»

СОЗДАНИЕ ПРОСТЕЙШИХ WEB-СТРАНИЦ.

ФОРМАТИРОВАНИЕ ТЕКСТА СРЕДСТВАМИ ЯЗЫКА HTML

Руководитель: Руто О.С.

Выполнила: Матарас А.В.

Минск 2011

Цель работы: приобрести начальные навыки создания простейших Internet-документов; научиться выполнять

форматирование созданных Web-страниц.

Ход работы:

Создала с помощью программы "Блокнот" гипертекстовый файл. Имя файла — ваша фамилия на английском языке. Файл разместила на указанном диске в папке с номером вашей группы.
Задала заголовок, отображаемый в строке заголовка окна браузера. Текст заголовка — ваша фамилия на русском языке.
Установила заданные цвета для фона и текста документа. Написала произвольный абзац текста самым крупным шрифтом.
Осуществила выравнивание абзаца (отцентрировать, прижать вправо, влево, выровнять по ширине).
Написала определение трех любых понятий курса различными цветами и гарнитурами (Arial, Times, моноширинный шрифт). Сам термин должен быть выведен полужирным курсивом с подчеркиванием.
Написала формулу

(a+b)2=a2+2ab+b2;

cij=aij+bij

Отделила формулу от основного текста горизонтальной линией заданной ширины, толщины и цвета.

Ответы на контрольные вопросы:

1. Общие положения языка HTML.

Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы. HTML-документы могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

Web-страницы могут быть созданы с помощью

обычного текстового редактора;
редактора, способного сохранять в формате HTML;
специализированного редактора;
специализированной системы.

HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений .HTM (для Windows 3.1) или .HTML (для Windows 95/98/NT, Macintosh и Unix).

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — тэги.

Структура тэга имеет следующий вид:

<ТЭГ параметр1=значение1...>

текст

другие конструкции

</ТЭГ>

или

<ТЭГ параметр1=значение1...>

текст

другие конструкции

Чаще всего тэги используются попарно, окружая размеченные фрагменты текста. Такие тэги называются контейнерами. Закрывающийся тэг отличается на начального только присутствием символа "/" добавляемого перед именем тэга. При интерпретации тэгов браузер не делает различия между строчными и прописными буквами. Поэтому сами тэги можно набирать на любом регистре. Зачастую параметр (атрибут) является необязательной величиной и его можно пропускать.

Структура HTML-документа

Когда 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> имеет наибольший размер.

Тэг горизонтальной линейки

предназначен для вычерчивания горизонтальной линии. Атрибут 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-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать &LT; вместо <.

Выводы: приобрела начальные навыки создания простейших Internet-документов;

научилась выполнять форматирование созданных Web-страниц.

1. тема тормозила развитие страны
2. МолокозаводОЛКОМ почало свою діяльність 01
3. а следует давать ребенку только посильную работу
4. Роль семьи в формировании потребности в самоутверждении у сельского школьника
5. Задание 6.1 Дорогие первокурсники экономического факультета Приглашаем Вас на посвящение в сту
6. Основные характеристики государства
7. Догляд за хворими і його значення в лікувальному процесі
8. Регистр 2 Осмотр 3
9. . СТАНДАРТИ ЩО РЕГЛАМЕНТУЮТЬ РОБОТУ КОРИСТУВАЧІВ ПК І ВДТ [3] 2
10. к повсеместно нефтепродукты хранятся или транспортируются в больших количествах
11. Dog from PGmc khunds cf Ger
12. ТЕМА- УПРАВЛЕНИЕ ДЕЛОВОЙ КАРЬЕРОЙ ПЕРСОНАЛА Выполнил- Темирханов А
13. курсовой проект по дисциплине Автоматизация технологических процессов Студент
14. История развития российского законодательства о гражданстве
15. Основные принципы переработки сырья растительного животного микробиологического происхождения и рыбы.html
16. . Индивидуальные ~ это потребители приобретающие товары только для своих личных нужд
17. Хирургия Рак молочной железы
18. Готические романы Анны Рэдклиф в контексте английской литературы и эстетики XIX века.html
19. Тема 21 Задачи линейного программирования
20. Защита от современных видов оружия массового поражения

Материалы собраны группой SamZan и находятся в свободном доступе