Конструктор уроків
Доброго дня читаєм умову уроку виконуєм у програмі блокнот та зберігаєм із розширенням HTML.
1
Практична робота №2
«Мова HTML. Теги форматування тексту»
Текст у HTML форматують за допомогою відповідних тегів, які наведені в таблиці.
Теги | Ефект | Приклад |
<B> та </B> | Напівжирне накреслення | bold |
<I> та </I> | Курсивне накреслення | italic |
<U> та </U> | Підкреслене | underlined |
<S> та </S> | Перекреслене |
|
<SUP> та </SUP> | Верхній індекс | superscript |
<SUB> та </SUB> | Нижній індекс | subscript |
<BASEFONT> - одинарний тег, задає гарнітуру(шрифт), розмір і колір шрифту, діє на весь текст і має такі атрибути:
FACE=”значення” – гарнітура (шрифт), наприклад FACE=”Monotype Corsiva”, тоді текст html-документу буде мати гарнітурушрифта Monotype Corsiva.
SIZE=значення – розмір шрифту (ціле число від 1 до 7). Шрифти різних розмірів мають такий вигляд:
1 2 3 4 5 6 7 (7-найбільший розмір шрифту)
COLOR=значення – колір шрифту. Як значення кольоруможна використовувати назви кольорів
англійською мовою, такі як red, green,blue тощо, або шістнадцяткові значення,
що починаються з символу # і послідовно задають червоний, зеленийта синій кольори,які мають бути змішані для отримання потрібного. Наприклад, #FF0000, #008000, #0000FFтощо.
<FONT АТРИБУТИ>Текст</FONT> - подвійний тег, задає гарнітуру(шрифт), розмір і колір шрифту для фрагменту тексту і має такі самі атрибути як тег <BASEFONT>
Єй інші теги, які можна застосувати для зміни параметрів тексту.
<BIG>Текст</BIG> - збільшення розмірушрифту. Розмір символівтексту збільшується на одиницю відносно поточного рівня.
<SMALL>Текст</SMALL> - зменшення розміру шрифту. Розмір символів зменшується на одиницювідносно поточного рівня.
<EM>Текст</EM> - виділення важливихфрагментів тексту. Текствідображатиметься курсивом.
<DEL>Текст</DEL> - створення перекресленого тексту. Текст буде перекреслено горизонтальною лінією.
<MARQUEE>Текст</MARQUEE> - рухомий рядок.
2
Вправа 1
Помістимо на веб-сторінку наведений нижче текст, відформатувавши його за допомогоювідповідних тегів.
Троянда столиста
Граціозні форми, ніжне забарвлення, витончений аромат троянди з незапам’ятних часів чарували людей. Тому й створено безліч легенд про цю чарівну, ніжну й чудову квітку.
За стародавньою легендою, прекрасна богиня Лакшмі народилася з пуп’янка троянди.
У древньому індійському міфі розповідається, що прегарний юнак Адоніс, який уособлював прихід весни, повстав із куща троянди.
У Персії так шанували царицюквітів, що навітькраїна одержала назву
Гюлістан – країна троянд.
Введіть HTML-код веб-сторінки, на якій відображатиметься наведений вище відформатований текст.
У цьому прикладі для деяких фрагментів тексту необхідно застосувати по два теги форматування, наприклад, <I><U>Україні</U></I>. Слід пам’ятати про правиловкладених тегів, згідно з яким їх потрібнозакривати у зворотному до відкривання порядку. Тобто, якщо спершу відкрилитег курсиву, а потім – тег підкреслення, то спочатку слід закриватитег підкреслення, а потім курсиву.
Збережіть HTML-документ у файлі з розширенням .html. Відправити на електронну пошту.
Рефлексія від 14 учнів
Сподобався:
Так: 13
Ні: 1
Зрозумілий:
Так: 12
Ні: 2
Потрібні роз'яснення:
Ні: 13
Так: 1