Задание 1.

2 балла

1. Откройте приложение Блокнот: Пуск / Программы / Стандартные / Блокнот.

2. Создайте макет документа НТМL:

<НТМL>

<НЕАD><ТITLE>Списки</ТITLE></НЕАD>

<ВОDY>

</ВОDY>

</НТМL>

3. В основной области документа создайте маркированный список: список заключите между тeгами <ul>…</ul>  перед каждым пунктом списка ставьте тег <li>:

Список

<UL>

<LI>первый пункт

<LI>второй пункт

<LI>третий пункт

</UL>

4. Сохраните документ под именем lists.html в папке Мои документы. Просмотрите его в браузерах.

5. Добавьте в основную область документа нумерованный список: перейдите в приложение Блокнот / весь список заключите между тегами <ОL> и </OL> / перед каждым пунктом списка ставьте тег <LI>:

Виды списков;

<OL>

<LI>нумерованный

<LI>маркированный

<LI>список определений

</ОL>

6. Сохраните изменения и просмотрите документ в браузерe.

Задание 2.

4 балла

1. Скопируйте несколько графических файлов из папки Рабочий стол _ Задания _ 11 класс _ Урок №8 Практическая работа в папку Мои документы.

2. В приложении Блокнот создайте новый файл.

<НТМL>

<НЕАD><ТITLE>Рисунки</ТITLE></НЕАD>

 <ВODY>

<IMG SRC="..\images\имя файла">

Это пример на вставку в документ НТМL изображения с большими горизонтальными и вертикальными пустыми полями вокруг него.

</ВОDY>

</НТМL>

3. Сохраните документ под именем рicture.html в папке Мои документы. Просмотрите документ в браузерe.

4. Установите размер вертикальных и горизонтальных пустых полей вокруг рисунка - 100 пикселей: перейдите в приложение Блокнот / добавьте в тег <IMG> атрибуты VSPACE и HSPACE / присвойте каждому атрибуту значение 100.

5. Установите расположение изображения справа от текста:

добавьте в тег <IМG> атрибут АLIGN=RIGНТ

Общий вид тега IMG:

<IМG VSPASE=100 НSРАСЕ=100 АLIGN=RIGНТ SRC=”..\images\имя_файла”>

6. Сохраните изменения и просмотрите документ в браузере.

7. В тексте после слова пустыми задайте отмену обтекания

рисунка текстом и переход текста на новую строку там, где свободны оба поля: после слов пустыми вставьте тег <ВR> с атрибутом СLEAR=АLL:

Это пример на вставку в документ НТМL, изображения с большими горизонтальными и вертикальными пустыми <ВR СLЕАR=АLL> полями вокруг него

8. Задайте альтернативный текст Здесь находится рисунок: добавьте в тег <IМG> атрибут АLT=”Здесь находится рисунок". Общий вид тега IМG:

<IМG VSРАСЕ=100 НSРАСЕ=100 АLIGN=RIGHT ALT=”Здесь находится рисунок” SRC=" ..\images\имя_файла">

9. Сохраните изменения и просмотрите документ в браузерe. Обратите внимание на всплывающую подсказку, которая появляется при наведении указателя мыши на рисунок. Отключите отображение графики. Обновите документ. Посмотрите, какой текст выводится вместо рисунка. Снова подключите отображение графики.

Задание 3.

6 баллов

1. В приложении Блокнот создайте новый файл.

<НТМL>

<НЕАD><ТITLE>Таблицы</ТITLE></HEАD>

<ВОDY>

<ТАВLЕ ВОRDER>

<ТR>

<ТН>Прием форматирования</ТН>

<ТН>Вид текста</ТН>

<ТН>Тег</ТН>

</TR>

<TR>

<ТD>подчeркивание</ТD>

<TD><U>образец</U></TD>

<ТD>&lt;U&gt</ТD>

</TR>

<TR>

<ТD>зачeркиваниe</ТD>

<ТD><S>образeц</S></ТD>

<ТD>&lt;S&gt</ТD>

</TR>

<TR>

<ТD >курсив</ТD>

<ТD ><I>образeц</I></ТD>

<ТD>&lt;I&gt</ТD>

</TD>

</ТАВLЕ> </ВОDY>

</НТМL>

2. Сохраните документ под именем table.html в папке Мои документы. Просмотрите документ в браузерe.

3. Дополните созданную таблицу строками, содержащими информацию о задании полужирного и телетайпного шрифтов: перейдите в приложение Блокнот/ после последнего тега </ТR> для начала новой строки добавьте еще один парный тег <ТR>.. .</ТR> / данные каждой ячейки вводите между тегами <ТD>...,</ТD> / аналогично создайте еще одну строку:

<ТR>

<ТD>полужирный шрифт</ТD>

<ТD><В>образец</В></ТD>

<TD>&lt;B&gt;</TD)> </TR>

<TR>

<TD>телетайпный шрифт</ТD>

<ТD><ТТ>образец</ТТ><TD>

<ТD>&lt;ТТ&gt;</ТD>

</TR>

44. Задайте заголовок Форматирование текста и поместите его под таблицей: после тега <ТАВLЕ> введите <САРТION АLIGN=ВОТТОМ> Форматирование текста</САРТION>

55. Снимите отображение границ таблицы: в теге <ТАВLЕ> удалите атрибут ВОRDER. 

6. Сохраните измененный документ под именем table.html в папке Мои документы. Просмотрите новый документ в браузере.

Задание 4.

8 баллов

Создайте следующую страницу:

Сохраните документ под именем zadanie4.html в папке Мои документы. Просмотрите новый документ в браузере.

Задание 5.

10 баллов

Сохраните документ под именем zadanie5.html в папке Мои документы. Просмотрите новый документ в браузере.