В этой лабораторной работе вы познакомитесь с дескрипторами документа, такими как:
– <HTML> … </HTML> - дескриптор HTML;
– <HEAD> … </HEAD> - дескриптор заголовка, обозначающий заголовочную часть документа HTML;
– <TITLE> … </TITLE> – дескриптор названия документа. Информация, помещаемая внутри этого дескриптора, появляется в строке заголовка браузера.
– <BODY> … </BODY> – тело документа HTML, в котором находится вся информация, выводимая на экран.
– <!-- … --> – дескриптор комментария, используемый для внесения в текст примечаний, которые помогают ориентироваться в коде страницы.
В лабораторной работе используется контейнерный метод, разработанный для того, чтобы помочь избежать пропуска дескрипторов при кодировании. Этот метод позволяет сохранить симметрию кода.
Для выравнивания текста в пределах абзаца используются следующие атрибуты дескриптора <P>:
<p align=" … "> - где атрибут align может принимать следующие значения:
· left – по левому краю;
· right – по правому краю;
|
|
· center – по центру;
· justify – по ширине.
Для выделения текста в настоящей лабораторной работе используются следующие теги:
· <I> Текст </I> – отображает текст курсивом.
· <B> Текст </B> – устанавливает жирное начертание шрифта. Можно использовать совместно с тегом <I> для отображения шрифта жирным курсивом. (<b><i>Текст </i></b>)
· <U> Текст </U> – устанавливает подчеркивание для шрифта
Кроме того, для оформления документа вы можете использовать таблицу стандартных цветов, приведенную в Приложении 2.
Порядок выполнения работы:
1. Откройте текстовый редактор: Приложения -> Стандартные -> Текстовый редактор (gedit).
2. Введите пару дескрипторов <HTML>, так чтобы между ними была пустая строка. Таким образом, у вас появился первый контейнер.
<HTML>
</HTML>
3. Теперь непосредственно под открывающим дескриптором <HTML> вставляем контейнер заголовка, состоящий из открывающего и закрывающего дескрипторов <HEAD> разделенных пустой строкой.
<HTML>
<HEAD>
</HEAD>
</HTML>
4. Введите в заголовок пару дескрипторов <TITLE>. Можно их вставлять в одну строку.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
</HTML>
5. Сразу после закрывающего дескриптора <HEAD> добавляем пару дескрипторов <BODY>.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
6. Внутри контейнера <TITLE> пишите следующий текст:
<TITLE> Трест, который лопнул </ТITLЕ>
7. Внутри контейнера <BODY> наберите следующий текст и отформатируйте его, с приданием ему различного выравнивания, подчеркивания, курсива, полужирного начертания:
|
|
<BODY>
<p align = "center">Трест который лопнул
<Р align = "left">Энди наливает себе стаканчик нашей <U>лучшей ячменной</U> и препровождает его по назначению. Это была его <В>первая выпивка</В> за все время, что я его знал. </Р>
<Р align = "right">- Вроде как излияние богам, - пояснил он. Почтив таким образом языческих идолов, он осушил еще стаканчик - за преуспеяние нашего дела. А потом и пошло -он пил за всю промышленность, начиная от Северной тихоокеанской дороги и кончая всякой мелочью вроде заводов маргарина, синдиката учебников и федерации шотландских горняков. </Р>
<Р align = "justify">- Энди, Энди, - говорю я ему, - это очень похвально с твоей стороны, что ты пьешь за здоровье наших братских монополий, но смотри, дружок, не увлекайся тостами. Ты ведь знаешь, что самые <I>наши знаменитые и всеми ненавидимые архимиллиардеры не вкушают ничего, кроме жидкого чая с сухариками</I>. </Р>
<Р align = "right">Энди ушел за перегородку и через несколько минут вышел оттуда в парадном костюме. Во взгляде у него было что-то возвышенное и смертоносное, этакий, я бы сказал, благородный и праведный вызов. Очень не понравился мне этот взгляд. Я всматривался в Энди с беспокойством: какую штуку выкинет с ним виски? <I>В жизни бывают два случая, которые неизвестно чем кончаются: когда мужчина выпьет в первый раз и когда женщина выпьет в последний.</I> </Р>
<Р align = "justify">За какой-нибудь час "<В>муха</В>" у Энди выросла в целого скорпиона. Снаружи он был вполне благопристоен и умудрялся сохранять равновесие, но внутри он был весь начинен сюрпризами и экспромтами. </Р>
<Р align = "right">- Джефф, - говорит он, - ты знаешь, что я такое? Я <В>кратер</В>, <U>живой вулканический кратер</U>.</Р>
</BODY>
8. Сохраняем полученную страничку под названием lesson_1.html. Для этого выбираем в меню Файл пункт Сохранить или нажимаем клавиатурную комбинацию Ctrl+S. В появившемся окне Сохранения документа удалите название файла, предложенное по умолчанию, и наберите lesson_1.html (имя файла должно обязательно иметь расширение html).
9. Откройте сохраненный файл в любом браузере.
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл lesson_1.html.