Поможем написать учебную работу
Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Задание 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><U></ТD> </TR> <TR> <ТD>зачeркиваниe</ТD> <ТD><S>образeц</S></ТD> <ТD><S></ТD> </TR> <TR> <ТD >курсив</ТD> <ТD ><I>образeц</I></ТD> <ТD><I></ТD> </TD> </ТАВLЕ> </ВОDY> </НТМL> 2. Сохраните документ под именем table.html в папке Мои документы. Просмотрите документ в браузерe. 3. Дополните созданную таблицу строками, содержащими информацию о задании полужирного и телетайпного шрифтов: перейдите в приложение Блокнот/ после последнего тега </ТR> для начала новой строки добавьте еще один парный тег <ТR>.. .</ТR> / данные каждой ячейки вводите между тегами <ТD>...,</ТD> / аналогично создайте еще одну строку: <ТR> <ТD>полужирный шрифт</ТD> <ТD><В>образец</В></ТD> <TD><B></TD)> </TR> <TR> <TD>телетайпный шрифт</ТD> <ТD><ТТ>образец</ТТ><TD> <ТD><ТТ></ТD> </TR> 44. Задайте заголовок Форматирование текста и поместите его под таблицей: после тега <ТАВLЕ> введите <САРТION АLIGN=ВОТТОМ> Форматирование текста</САРТION> 55. Снимите отображение границ таблицы: в теге <ТАВLЕ> удалите атрибут ВОRDER. 6. Сохраните измененный документ под именем table.html в папке Мои документы. Просмотрите новый документ в браузере. |
Задание 4. 8 баллов |
Создайте следующую страницу: Сохраните документ под именем zadanie4.html в папке Мои документы. Просмотрите новый документ в браузере. |
Задание 5. 10 баллов |
Сохраните документ под именем zadanie5.html в папке Мои документы. Просмотрите новый документ в браузере. |