Лабораторна робота № 1
Тема «HTML. Створення простої web-сторінки та її форматування, створення списків»
Мета Уміти створювати прості web-сторінки та надавати їм певного вигляду, використовуя для цього основні команди мови HTML.
Послідовність виконання роботи
Відкрийте редактор NotePad. Як це зробити?
Створіть за допомогою текстового редактора html-файл з особистими данними о собі.
Текст повинен мати заголовок, складатися з декількох абзаців, мати коментарі. Який тег використовується для введення тексту?
Задайте назву вікна web-сторінки. Який тег це робить?
<HTML> <!--Це файл filel.htm -->
<HEAD>
<TITLE>Особисті данні</TITLE>
</HEAD>
<BODY>
Я Сідор Сідорович Сідоренко. Народився 12 квітня 198...р.
у м.Одеса.
В 200... році закінчив школу №... м.Одеса. `
Моя адреса: індекс, місто, вулиця,будинок,квартира.
</BODY>
</HTML>
Збережіть його під назвою filel1.htm у власній папці.
Відкрийте файл file1.htm у броузері Internet Explorer.
Для цього відкрийте свою робочу папку і двічі клацніть мишею на назві файлу.
Відредагуйте сторінку. Для того щоб відредагувати файл, треба спочатку відкрити програму NotePad, а потім файл і кожного разу після редагування треба зберегати файл.
Задайте колір фона та текста. Змінювайте відповідні параметри тега BODY - BGCOLOR і TEXT (назви кольорів: red, green, white, yellow, blue, #ffaa55 тощо).
Виконайте форматування тексту у файлі filel.htm. Застосуйте у тексті різні накреслення літер (жирний, курсив, підкреслений).
Заголовок тексту відцентруйте та відокремти від іншого тексту порожнім рядком.
Кожний абзац розташуйте з нового рядка.
У кінці всього текста наведіть черту. Які теги використали для форматування?
Створіть ще один html-файл з розповіддю про себе.
Поекспериментуйте з тегами форматування тексту. Використайте якнайбільше тегів форматування і надайте своїй сторінці якнайліпшого вигляду.
Збережіть файл із назвою file2.htm.
Перегляньте цей файл за допомогою броузера і поекспериментуйте з розмірами вікна, в якому демонструється документ.
Удоскональте свою попередню web-сторінку та додайте до текста список своїх уподобань.
Відкрийте file2.htm із розповіддю про себе. Список уподобань створіть як нумерований чи ненумерований список. Чим відрізняється створення цих списків?
Збережіть файл на диску і перегляньте його у броузері.
Проведіть на сторінці лінії різної ширини, довжини та кольорів. Як це зробити?
Виокремти список у тексті іншим шрифтом. Який тег змінює тип шрифта?
Додайте список тлумачення.
Відкрийте file1.htm із особистими данними та створить список про своїх близьких.
Контрольні питання
Що таке web-документ?
Для чого призначена програма-броузер?
Що таке web-вyзoл (web-сайт)?
Яка структура простого web-документа?
Для чого призначена мова HTML?
Що таке тег і які є теги?
Які параметри може мати тег BODY?
Який тег позначає початок нового абзацу?
Які теги позначають товстий, курсивний і підкреслений шрифти?
Які теги призначені для вирівнювання елементів на сторінці?
Яке призначення тега FONT, параметри тега FONT?
Які є типи списків?
Як створити ненумерований список?
Як створити нумерований список?
Як створити список означень?