Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Завдання 3. Теги переходу рядка й абзацу



Інформація.

Існують спеціальні команди, що виконують перехід рядка й задають початок нового абзацу. Крім того, існує команда, що забороняє програмі браузера будь яким чином змінювати форматування тексту й дозволяє точно відтворити на екрані заданий фрагмент текстового файла.

Тег переходу рядка <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 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.01 с)...