- •Лабораторна робота №1
- •Список базових тегів html
- •Атрибути тегу body
- •Крок 1: Структура Web- сторінки
- •Крок 2: Заголовки.
- •Крок 4: Параметр горизонтального вирівнювання тексту
- •Крок 5: Форматований текст
- •Крок 6: Цитата
- •Крок 7: Стилі
- •Крок 8: Шрифти
- •Крок 9: Лінії та коментарі
- •Крок 10:Колір
- •Крок 11:Колір фону
- •Крок 12: Фоновий малюнок
- •Крок 15: Фоновий малюнок
Крок 7: Стилі
Додайте рядки у html-код:
<H2 Align=CENTER> ФОРМАТУВАННЯ ТЕКСТУ ЗА ДОПОМОГОЮ СТИЛЕЙ</H2>
<B> Напівжирний шрифт </B>
<I>Курсив</I>
<TT> Моношрифтовий шрифт </TT>
<U>Підкреслення</U>
<SUB> Підстрочний текст </SUB>
<SUP> Надстрочний текст </SUP>
<STRIKE> Перечеркнутий </STRIKE>
<EM> Виділений </EM>
<STONG> Сильно виділений </STRONG>
<CITE> Текст у вигляді цитати </CITE>
Як виглядає текст заключний у відповідний тег?
Чим відрізняється цитата створена тегом <BLOCKQUOTE> від цитати створеної тегом <CITE>?
Крок 8: Шрифти
Використовуючи тег <font size=...> змініть розмір шрифтів у першому рядку сторінки:
Доброго дня!
<H2 Align=CENTER> ИЗМЕНЕНИЕ РАЗМЕРА ШРИФТА</H2>
<font size=7>Д<font size=3>обро<font size=4>по<font size=5>жало
<font size=6>ва<font size=7>ть<font size=2>!
Крок 9: Лінії та коментарі
Створіть лінії в HTML. Введіть:
<BODY>
<H2 Align=CENTER> СОЗДАНИЕ ЛИНИЙ В HTML</H2>
<HR SIZE=12><P>
<HR SIZE=7 WIDTH="200"> <P>
<HR SIZE=1 WIDTH="75%"><P>
<HR SIZE=4 WIDTH="75%" NOSHADE>
<!--ТЕКСТ КОММЕНТАРИЯ
ПРОДОЛЖЕНИЕ КОММЕНТАРИЯ -->
Який вигляд на сторінці мають лінії і чого був використаний тег <P>?
Чим відрізняється лінія створена тегом <HR SIZE=12> від <HR SIZE=4 WIDTH="75%" NOSHADE> ?
Крок 10:Колір
Працюємо з кольором, використовуємо атрибут color=…
<BODY>
<H2 Align=CENTER> Зміна кольору </H2>
<font size=7> Д <font size=3> обро <font size=4 color=green> по <font size=5 color=red> жало
<font size=6> ва <font size=7> ть <font size=2>!
Який вигляд має фраза?
Чи можливо змінювати колір тільки частини фрази за допомогою атрибуту color=…?
Крок 11:Колір фону
За допомогою атрибуту bgcolor тегу <BODY>, створюємо фон сторінки:
<BODY bgcolor =red>
Як виглядає ваша сторінка?
Чи робіть цей колір WEB- сторінку достатньо привабливою, якщо ні, то який краще колір обрати і чому?
Примітка: При виконанні цього пункту скористайтесь файлом «WEB-цвета» (папка з завданням), оберіть більш привабливій колір та додайте його до вашої сторінці, наприклад, <BODY bgcolor = #FFE4C4 >.
Крок 12: Фоновий малюнок
. За допомогою тегу <A HREF=>, створіть гіперпосилання.
<BODY>
<H2 Align=CENTER> СОЗДАНИЕ ГИПЕРССЫЛОК НА ДРУГИЕ WEB-СТРАНИЦЫ</H2>
<P>
ЕСЛИ ВЫ<A HREF=>"SEREGA!2.HTML">КЛАЦНИТЕ ЗДЕСЬ</A>ТО ПОПАДЕТЕ
НА СЛЕДУЮЩУЮ СТРАНИЦУ HTML
14.Введіть наступний текст і скажіть, що ви зробили?
<body>
<br> Клацни <a href="WWW.rambler.ru"> тут </a> щоб відкрити сторінку rambler.ru
<br>
Це посилання на <a href="Ukrain@kik.kr.ua"> поштовий ящик </a> Кіровоградського
інституту комерції
</body>
Створіть внутрішнє посилання в документах.
<BODY>
<H2 Align=CENTER> СОЗДАНИЕ ВНУТРЕНИХ ССЫЛОК В ДОКУМЕНТАХ</H2>
<P>
ВЫ ВЕРНЕТЕСЬ К ПЕРВОЙ СТРАНИЦЕ ЕСЛИ <A HREF=>"SEREGA!1.HTML">
КЛАЦНИТЕ ЗДЕСЬ</A>
<P>
<A HREF=>"SEREGA!2.HTML#LM">ВНУТРЕННЯЯ ССЫЛКА </A><P>
<A NAME="LM">ТЕПЕРЬ МЫ ЗДЕСЬ </A>
Крок 15: Фоновий малюнок
Для того, щоб зробити фон для вашої Web-сторінки, необхідно зберегти будь-яку картинку з форматом jpg та зберегти її у вашій папці, потім дати картинці своє ім’я, наприклад FFF, і введіть в блокноті <body background="FFF.jpg">:
<html>
<head>
<title> Мій перший крок </title>
</head>
<body background="FFF.jpg">
Вітаю, це моя перша сторінка.
<br>
Ласкаво просимо! :)
</body>
</html>