|
|||||||
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция |
ХІД РОБОТИ. 1. Відкрийте редактор Блокнот1. Відкрийте редактор Блокнот. ___________________________________________ 2. Створіть за допомогою текстового редактора html-файл з особистими данними про себе. Текст повинен мати заголовок, складатися з декількох абзаців. Задайте назву вікна web -сторінки. 3. Збережіть його під назвою filel1.html у власній папці. 4. Відкрийте файл file1.html у броузері Internet Explorer. Для цього відкрийте свою робочу папку і двічі клацніть мишею на назві файлу. 5. Відредагуйте сторінку. Для того щоб відредагувати файл, треба спочатку відкрити програму Блокнот, а потім файл і кожного разу після редагування треба зберігати файл. Задайте колір фона та текста. Змінюйте відповідні параметри тега BODY - BGCOLOR і TEXT. 6. Виконайте форматування тексту у файлі filel.htm. Застосуйте у тексті різні накреслення літер (жирний, курсив, підкреслений). Заголовок тексту відцентруйте та відокремти від іншого тексту порожнім рядком. Кожний абзац розташуйте з нового рядка. У кінці всього текста намалюйте лінію.
7. Запишіть html-код файлу filel1.html ___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ 8. Створіть ще один html-файл з розповіддю про себе. Виконайте форматування тексту у файлі file2.htm: · Біографічні дані (заголовок 2 рівня, колір – чорний) · Дата народження: (розмір – 5, колір – синій, накреслення – напівжирний, вирівнювання – зліва) · Місце народження: (розмір – 4, колір – жовтий, накреслення – курсив, вирівнювання – зліва) · Склад сім’ї: (маркерований список, розмір – 4, колір – зелений, накреслення – підкреслений, вирівнювання –зліва) · Технікум: (розмір – 3, колір – золотий, накреслення – закреслений, вирівнювання – зліва), група (розмір – 3, колір – золотий, накреслення – напівжирний, курсив, вирівнювання – зліва) · Улюблені заняття: (нумерований список, заголовок 3 рівня, колір – рожевий, вирівнювання – справа) 9. Перегляньте цей файл за допомогою броузера і поекспериментуйте з розмірами вікна, в якому демонструється документ. 10. Запишіть html-код файлу filel1.html _______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ _________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ КОНТРОЛЬНІ ПИТАННЯ 1. Що таке web-документ?_________________________________________________ ____________________________________________________________________________________________________________________________________________________ 2. Для чого призначена програма-броузер?___________________________________ ____________________________________________________________________________________________________________________________________________________ 3. Для чого призначена мова HTML?________________________________________ ____________________________________________________________________________________________________________________________________________________ 4. Що таке тег і які є теги?_______________________________________________ ________________________________________________________________________________________________________________________________________________________________________________________________________________________ 5. Які параметри може мати тег BODY?_____________________________________ ______________________________________________________________________________________________________________________________________________________________________________________________________________________________ 6. Який тег позначає початок нового абзацу?________________________________ 7. Які теги позначають товстий, курсивний і підкреслений шрифти?________________ ________________________________________________________________________________________________________________________________________________________ 8. Які теги призначені для вирівнювання елементів на сторінці?_______________ ________________________________________________________________________ 9. Яке призначення тега FONT, параметри тега FONT?_____________________________ __________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ 10. Як створити маркерований список?____________________________________________ ______________________________________________________________________________________________________________________________________________________________ 11. Як створити нумерований список?_____________________________________________ ______________________________________________________________________________________________________________________________________________________________ 12. Як створити список означень?________________________________________________ ____________________________________________________________________________________________________________________________________________________________ Висновок: ___________________________________________________________________________________________________________________________________ ____________________________________________________________________________________________________________________________________________ Поиск по сайту: |
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.) |