Сторінки

вівторок, 27 вересня 2022 р.

Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи.



Вправа1. Створити HTML-документ за допомогою найпростішого текстового редактора.

1.Створіть папку під назвою «ваше прізвище».

2. Відкрийте текстовий редактор Блокнот.

3. Для створення HTML-документа наберіть такий текст: натисніть ТУТ

4. Збережіть файл на жорсткому диску у створеній заздалегідь папці, назвавши його, наприклад, 1.html. З’явиться файл зі значком Internet Explorer. Закрийте текстовий редактор.

5. Запустіть файл 1.html. Перегляньте отриманий результат.

6. У створенному HTML-документі замініть тег <BODY> на тег <BODY BGCOLOR=red TEXT=green> (Для внесення змін треба з контекстного меню 1.html вибрати пункт – Відкрити в блокноті)

7. Замість тегу <H1> запишіть <H1 ALIGN=center>.

8. Збережіть і натисніть F5. 

9. Намалюйте у програмі Paint робота. Збережіть у свою папку під назвою robo.jpg.

10. Вставте в документ малюнок. Визначте розташування малюнка з лівого краю, текст, що його обтікає справа, наприклад <img src= robo.jpg align=”left” >.

11. Збережіть і натисніть F5. Продемонструйте вчителю vik171288@gmail.com


Теги форматування тексту
<B> та </В> Напівжирне накреслення
<I> та </I> Курсивне накреслення
<U> та </U> Підкреслене
<S> та </S> Перекреслене
<SUP> та </SUP> Верхній індекс
<SUB> та </SUB> Нижній індекс
<P> абзац (<p align=center> , <p align=right>, <p align=left>).
<BR> новий рядок
&nbsp пробіл
заголовки (headings).
Вони позначаються буквою Н.
<h1 align=center>Проекти нашої школи</h1>
< h2 align=left>Наші роботи</h2>
< h3 align=right> Фотогалерея</h3>
<h4 align=center> Музичний калейдоскоп</h4>
 < h5 align=left>Театральна студія</h5>
< h6 align=right> Підсумки роботи</h6>




Немає коментарів:

Дописати коментар