Лабораторная работа 5. Вставка изображений на веб страницу

Цели:

— научиться выполнять вставку изображений на страницу

— закрепить знания о абзацах

— закрепить знания о форматировании текста

Ход работы

1. В каталоге Lab_5 создать html файл index.html

2. Написать в файле основную структуру страницы

3. Написать название вкладки «Изображения на сайте»

4. Добавить на страницу заголовок 1 уровня, содержащий ваши ФИО

5. Добавить на страницу заголовок 2 уровня с текстом «Удивительная природа», выровнять его по центру.

6. Добавьте текстовый абзац <P> с текстом :

У природы есть необычная сила — удивлять. В высоких горах, обширных лугах и огромных океанах можно найти настоящие природные чудеса. Но иногда наш мир открывается не просто удивительным, а и очень странным. Далее будут показаны самые странные уголки на нашей планете.

6. выровняйте данный абзац по центру экрана и задайте ему курсивное начертание

7. Вставьте изображение с именем Image1.jpg с помощью тега <img>

image1.jpg
image1.jpg

Код для вставки изображения будет выглядеть следующим образом :

<img src=image1.jpg >

8. выровняйте изображение по центру используя атрибут Align=center

9. добавьте абзац <P> с текстом:

Озеро Хевиз является крупнейшим термальным озером в Европе и местом для тех, кто хочет поправить здоровье, купаясь в его целебных водах. В озере живет огромное количество синих, зеленых водорослей и бактерий, которые лечат недуги людей.

10. Вставьте изображение image2.jpgпо аналогии с первым изображением

image2.jpg
image2.jpg

<img src=image2.jpg >

11. добавьте третий абзац с текстом:

Китайский пейзаж, в котором скалы стоят, словно высокие сосны. При этом скал так много, что это место называют лесом Шилинь. Высокие скалы еще можно сравнить с небоскребами, образующими город.

12. Вставьте изображение image3.jpgпо аналогии с первым изображением

image3.jpg
image3.jpg

<img src=image3.jpg >

Практическое задание

1. Создать веб страницу содержащую:

— ФИО (заголовок 1 уровня)

— Аватар (изображение 200 на 200 пикселей)

— абзац «Мои увлечения»

2. задать цвет фона и цвет текста на свой выбор.

3. Сделать акцент на словах в абзаце увлечения с помощью выделения слов жирным и курсивным начертанием.

4. добавить изображение с фото интересного места в мире и добавить к нему описание.

Заказать сайт

    ×
    Заказать сайт для учебы

      ×