пʼятницю, 20 грудня 2019 р.
середу, 4 грудня 2019 р.
понеділок, 2 грудня 2019 р.
Створення найпростіших HTML-сторінок
Створення найпростіших HTML-сторінок. Практична робота №6
Мета: ознайомитись з основними тегами для створення веб-сторінки, встановлення та вирівнювання абзаців, встановлення параметрів кольору фону та тексту, видів заголовків.
Теоретичні відомості.
Структура HTML-документу
<HTML>
<HEAD>
<TITLE>Заголовок</TITLE>
</HEAD>
<BODY>
Тіло документу
</BODY>
</HTML>
Атрибути встановлення кольору фону та тексту
<BODY BGCOLOR=#000000 TEXT=#FFFFFF>
BGCOLOR=#000000 – встановлення кольору фону
TEXT=#FFFFFF – встановлення кольору шрифту
Теги роботи з абзацами
<P>абзац</P> - розрив абзацу
<BR> - розрив рядка
<HR> - встановлення горизонтальної лінії
Теги встановлення
<H1>Заголовок 1-го рівня</H1>
<H2>Заголовок 2-го рівня</H2>
...
<H3>Заголовок 1-го рівня</H3>
Атрибути вирівнювання абзаців
ALIGN=LEFT – вирівнювання по лівому краю
ALIGN=RIGHT – вирівнювання по правому краю
ALIGN=CENTER – вирівнювання по центру
ALIGN=JUSTIFY – вирівнювання по ширині
Наприклад, <P ALIGN=RIGHT> - абзац буде вирівняно по правому краю
Хід роботи
Завдання: Створіть веб-сторінку за зразком.
Порядок виконання:
1. Запустіть текстовий редактор Блокнот.
2. Введіть текст представлений нижче.
<HTML>
<HEAD>
<TITLE>Купівля\продаж</TITLE>
</HEAD>
<BODY BGCOLOR=#CCFFFF TEXT=#FFGG00 >
<H1>Торгівельні об’єкти Новоукраїнщини</H1>
<H2>Супермаркети</H2>
<P>На Новоукраїнщині діє мережа магазинів Інтермаркет. У кожному районі є такий торгівельний об’єкт.
<P>Одним з таких магазинів є нещодавно відкритий супермаркет "АВРОРА".
<HR>
Це торгівельний центр з багатьма відділами та зручною системою обслуговування покупців.
<BR>Його можна назвати торгівельним містечком.
</BODY>
</HTML>
3. Збережіть файл з розширенням HTML. (Файл/ Сохранить как/ Ввести імя файлу: Index.html)
4. Запустіть збережений HTML-документ у вікні браузера Internet Explorer.
5. Перевірте чи відповідає створений вами файл представленому зразку. Якщо ні, то виправте його. (кл. ПКМ на документі Просмотр HTML кода. Виконайте зміни та збережіть файл. Оберіть інструмент на ПІ Обновить - )
Мета: ознайомитись з основними тегами для створення веб-сторінки, встановлення та вирівнювання абзаців, встановлення параметрів кольору фону та тексту, видів заголовків.
Теоретичні відомості.
Структура HTML-документу
<HTML>
<HEAD>
<TITLE>Заголовок</TITLE>
</HEAD>
<BODY>
Тіло документу
</BODY>
</HTML>
Атрибути встановлення кольору фону та тексту
<BODY BGCOLOR=#000000 TEXT=#FFFFFF>
BGCOLOR=#000000 – встановлення кольору фону
TEXT=#FFFFFF – встановлення кольору шрифту
Теги роботи з абзацами
<P>абзац</P> - розрив абзацу
<BR> - розрив рядка
<HR> - встановлення горизонтальної лінії
Теги встановлення
<H1>Заголовок 1-го рівня</H1>
<H2>Заголовок 2-го рівня</H2>
...
<H3>Заголовок 1-го рівня</H3>
Атрибути вирівнювання абзаців
ALIGN=LEFT – вирівнювання по лівому краю
ALIGN=RIGHT – вирівнювання по правому краю
ALIGN=CENTER – вирівнювання по центру
ALIGN=JUSTIFY – вирівнювання по ширині
Наприклад, <P ALIGN=RIGHT> - абзац буде вирівняно по правому краю
Хід роботи
Завдання: Створіть веб-сторінку за зразком.
Порядок виконання:
1. Запустіть текстовий редактор Блокнот.
2. Введіть текст представлений нижче.
<HTML>
<HEAD>
<TITLE>Купівля\продаж</TITLE>
</HEAD>
<BODY BGCOLOR=#CCFFFF TEXT=#FFGG00 >
<H1>Торгівельні об’єкти Новоукраїнщини</H1>
<H2>Супермаркети</H2>
<P>На Новоукраїнщині діє мережа магазинів Інтермаркет. У кожному районі є такий торгівельний об’єкт.
<P>Одним з таких магазинів є нещодавно відкритий супермаркет "АВРОРА".
<HR>
Це торгівельний центр з багатьма відділами та зручною системою обслуговування покупців.
<BR>Його можна назвати торгівельним містечком.
</BODY>
</HTML>
3. Збережіть файл з розширенням HTML. (Файл/ Сохранить как/ Ввести імя файлу: Index.html)
4. Запустіть збережений HTML-документ у вікні браузера Internet Explorer.
5. Перевірте чи відповідає створений вами файл представленому зразку. Якщо ні, то виправте його. (кл. ПКМ на документі Просмотр HTML кода. Виконайте зміни та збережіть файл. Оберіть інструмент на ПІ Обновить - )
Підписатися на:
Дописи (Atom)