![]() |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
|
Інформація.
Існують спеціальні команди, що виконують перехід рядка й задають початок нового абзацу. Крім того, існує команда, що забороняє програмі браузера будь яким чином змінювати форматування тексту й дозволяє точно відтворити на екрані заданий фрагмент текстового файла.
Тег переходу рядка <BR> відокремлює рядок від наступного тексту або графіки. Тег абзацу <P> теж відокремлює рядок, але ще додає порожній рядок. Обидва тега є одноелементними.
1. Внесіть зміни в текст файлу HTML:
<HTML>
<HEAD> <TITLE> Навчальний файл HTML </TITLE> </HEAD>
<BODY>Розклад<P>занять<BR>на вівторок
</BODY>
</HTML>
2. Збережіть внесені зміни у файлі RASP.HTM.
3. Перегляньте за допомогою браузера Microsoft Internet Explorer нову отриману Web-сторінку. Як змінилося зображення тексту на екрані?
Завдання 4. Виділення фрагментів тексту
Інформація.
Теги виділення фрагментів тексту дозволяють керувати відображенням окремих символів і слів. Існує три тега виділення фрагментів тексту:
<B> … </B> для виділення напівжирним,
<I> … </I> для виділення курсивом,
<U> …</U> для виділення підкресленням.
1. Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<B> Розклад </B><I>занять</I> <U> на вівторок</U>
</BODY>
</HTML>
2. Перегляньте нову отриману Web-сторінку.
Можливе використання комбінованих шрифтів:
<I><B> Розклад </B></I> <I>занять</I> <U> на вівторок</U>
Але при цьому необхідно пам'ятати таке правило запису комбінованих тегів:
<Тег-1> <Тег-2> … </Тег-2> </Тег-1> | правильний запис |
<Тег-1> <Тег-2> … </Тег-1> </Тег-2> | помилковий запис |
Завдання 5. Використання стилів заголовка
Інформація.
Існує два способи керування розміром тексту, зображуваного браузером:
· використання стилів заголовка,
· завдання розміру основного документа або розміру поточного шрифту.
Використовується шість тегів заголовків (від Н1 до Н6). Кожному тегу відповідає конкретний стиль, заданий у параметрах настроювання браузера. Стиль Н1 - найбільший.
1. Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<H1> Розклад </H1><I>занять</I> <U> на вівторок</U>
</BODY>
</HTML>
2. Перегляньте нову отриману Web-Сторінку.
Завдання 5. Завдання розміру поточного шрифту.
Інформація.
Тег шрифту <FONT> дозволяє задавати розмір поточного шрифту в окремих місцях тексту. Діапазон установки поточного шрифту - від 1 до 7.
1. Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<FONT SIZE="7"> Розклад </FONT> занять на вівторок
</BODY>
</HTML>
2. Самостійно змініть розмір шрифту для тексту "заняття на вівторок", використовуючи тег <FONT>.
3. Змініть текст HTML-Документа, використовуючи теги виділення фрагментів тексту й теги переходу рядка й абзацу.
Завдання 6. Накреслення й колір шрифту
Інформація.
Тег <FONT> надає можливості керування розміром, накресленням і кольором тексту. Зміна накреслення шрифту виконується простим додаванням до тегу <FONT> атрибута FACE. Наприклад, для зображення тексту шрифтом Arial необхідно записати <FONT FACE="ARIAL">.
Для зміни кольору шрифту в тегі <FONT> можна використовувати атрибут COLOR="X".
Замість Х треба підставити або назву кольору (у лапках), або його шістнадцатіркове значення. При завданні кольору шістнадцатірковим числом можна представити цей колір розкладеним на три складові:
червоний(R), зелений (G), синій (B), кожен з яких має значення від 0 до FF.
Приклади запису кольору у форматі RGB наведено в таблиці:
Таблиця 1
Колір | RRGGBB | Колір | RRGGBB | ||
black | чорний | purple | фіолетовий | FF00FF | |
white | білий | FFFFFF | yellow | жовтий | FFFF00 |
red | червоний | FF0000 | brown | коричневий | |
green | зелений | 00FF00 | orange | жовтогарячий | FF8000 |
azure | бірюзовий | 00FFFF | violet | ліловий | 8000FF |
blue | синій | 0000FF | gray | сірий | A0A0A0 |
1. Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<U><I><B> <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7"> Розклад </FONT> ></B></I></U>занять на вівторок
</BODY>
</HTML>
2. Самостійно змініть розмір, колір, стиль тексту документа.
Завдання 7. Вирівнювання тексту по горизонталі
Інформація.
За допомогою тегів HTML можна керувати горизонтальним вирівнюванням тексту. Якщо не вказувати спосіб вирівнювання, всі елементи в документі будуть вирівнюватися по лівому краю й мати нерівне праве поле (див. Рис.2).
Сучасні браузери для вирівнювання тексту використовують атрибут ALIGN=, що входить у теги абзацу або заголовка.
ALIGN=CENTER | Вирівнювання по центру |
ALIGN=RIGHT | Вирівнювання по правому краю |
ALIGN=LEFT | Вирівнювання по лівому краю |
1. Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Розклад </B></FONT><BR>
<FONT SIZE="6"><I>занять на вівторок</I></FONT> </P>
</BODY>
</HTML>
Дата публикования: 2015-04-07; Прочитано: 269 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!