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

Заголовки

⇐ Предыдущая 123 4 5 6 7 8 9 10 Следующая ⇒

2.1. Для заголовка тексту використовуються теги <Hn></Hn>, де n- число. Існують шість рівнів заголовків, які позначаються Н1...Н6. Заголовок рівня 1 найкрупніший, а рівень 6 забезпечує самий маленький заголовок.

2.2. Відкрийте ваш текстовий файл. Створіть заголовок для вашого тексту. Збережіть зміни.

2.3. Щоб броузер відображував модифікований документ, перезавантажіть його в броузере. Для цього достатньо клацнути на кнопці «Обновить».

2.4. Переглянете, як буде виглядати ваш заголовок, якщо змінити його рівень (використовуйте всі рівні).

2.5. Використовуючи атрибут ALIGN, вирівняйте заголовок відповідно по лівому, правому краю або по тексту. Формат заголовка повинен виглядати таким чином:

<Н1 ALIGN=LEFT>Текст заголовка</Н1> або

<Н1 ALIGN=RIGHT>Текст заголовка</Н1> або

<Н1 ALIGN=CENTER>Текст заголовка</Н1>.

3. Створення ліній.

3.1. Тег <HR> інтерпретується і відображувався броузером як горизонтальна лінія, що протягнулася уздовж всього вікна броузера.

3.2. Добавте цей тег після заголовка, наприклад:

<Н1 ALIGN=CENTER>Текст заголовка</Н1><HR>.

3.3. Переглянете результат в броузере.

3.4. Використовуючи додаткові атрибути SIZE, WIDTH, ALIGN, змініть зовнішній вигляд лінії.

3.4.1. Атрибут SIZE змінює товщину горизонтальної лінії. Формат напису повинен виглядати таким чином:

<Н1 ALIGN=CENTER>Текст заголовка</Н1><HR SIZE=80>

3.4.2. Переглянете результат в броузере.

3.4.3. Зміните значення в пікселях на інше і переглянете результат.

3.4.4. Атрибут WIDTH змінює довжину горизонтальної лінії, наприклад:

<Н1 ALIGN=CENTER>Текст заголовка</Н1><HR WIDTH=”25%”> - визначає лінію, довжина якої складає 25% від ширини вікна броузера

<Н1 ALIGN=CENTER>Текст заголовка</Н1><HR WIDTH=”300”> - лінію довжиною в 300 пікселів.

3.4.5. Зміните довжину вашої лінії, використовуючи указаний вище формат.

3.4.6. Атрибут ALIGN визначає спосіб вирівнювання лінії і використовується в поєднанні з атрибутом WIDTH, наприклад:

<Н1 ALIGN=CENTER>Текст заголовка</Н1><HR WIDTH=”25%” ALIGN=LEFT>

3.4.7. Використовуйте цей атрибут для вашої лінії. Перегляньте результат. Змініть значення атрибута ALIGN на RIGHT і CENTER.

4. Форматування тексту за допомогою символів розриву абзацу і рядків.

4.1. Дескриптори <Р> і дозволяють добавити в документ пропуски, щоб відділити один блок тексту від іншого. Дескриптор <Р> використовується для вставки символа розриву абзацу, а - символа розриву рядка. Вставляючи символ розриву абзацу, ви тим самим даєте броузеру команду завершити поточний абзац і вставити порожній рядок перед наступним абзацом. Вставляючи символ розриву рядка, ви даєте броузеру команду завершити поточний рядок і перейти на наступну.

4.2. Як приклад використання цих дескрипторів, створіть тест сторінки у вигляді:

<BODY>

<Н1 ALIGN=CENTER>Разрыв рядки і абзаца</Н1>

<Р>Символ розриву абзацу дає команду броузеру вставити порожній рядок перед початком наступного абзацу.

Символ розриву строки

дає команду броузеру

перейти на наступну строку

</BODY>

4.3. Текст абзацу також може бути выровнен по лівому краю (це стандартна установка), по правому краю або по центру броузера. Для цього використовується атрибут ALIGN, наприклад:

<Р ALIGN=CENTER>Этот текст буде выровнен по центру.

4.4. Застосуєте різні значення атрибута ALIGN для свого тексту. Перегляньте результат в броузере.

5. Форматування тексту за допомогою стилів і кольору.

5.1. Добавте на Web - сторінку кольорове фонове зображення (застосуйте різні кольори).

5.2. Добавте на Web - сторінку графічне фонове зображення, використовуючи будь-який малюнок Windows.

5.3. При зміні фону текст документа повинен залишатися чорним. Змініть його на інший колір, який буде добре поєднуватися з фоном.

5.4. Заголовок тексту відділите горизонтальною рисою завтовшки 3 пікселя, довгою 50% і выровненной по центру. При цьому текст заголовка повинен бути напівжирним шрифтом, а заголовною повинна бути тільки перша буква.

5.5. Скопіюйте отриманий текст програми і відображуйте його на Web - сторінці так, щоб він представляв собою фрагмент HTML - кода. Виділіть цей фрагмент іншим шрифтом або кольором.

6. Вставка гіперпосилань.

6.1. Завантажте або наберіть довільний текст документа.

6.2. Використовуючи матеріал теоретичної частини, створіть внутрішні посилання.

6.3. в кінці документа створіть зовнішнє посилання на:

а) іншу Web – сторінку (адреса довільна);

би) на адресу електронної пошти (довільний поштовий ящик).

6.4. Помістите у ваш каталог довільний графічний файл. Створіть посилання на цей малюнок. Після клацання на посиланні, малюнок повинен завантажуватися.

7. Створення списків.

7.1. На рис. 1.1 показаний приклад створення комбінованих списків. Тут вкладений неврегульований список в нумерований. Відкрийте Блокнот і створіть документ, аналогічний цьому прикладу.

Рис. 1. 1 Приклад вкладення маркірованого списку в нумерований.

7.2. Зміните тип нумерації впорядкованого списку на:

а) прописні букви алфавіту;

б) прописні римські цифри;

в) рядкові букви алфавіту.

7.3. Зміните тип маркера в неврегульованому списку на:

а) заповнений квадратик;

б) заповнений кружок.

7.4. Створіть документ, аналогічний прикладу на рис 1.2

Рис. 1.2. Приклад списку визначень

7.5. При створенні списків застосуєте колір і стилі для форматування тексту.

Зміст звіту

Звіт по лабораторній роботі повинен містити: назва; ціль роботи; роздрук тексту WWW-документа з HTML-директивами; роздрук форму відображення WWW-документа в броузере; виведення по роботі.

Контрольні питання

1. В чому суть гіпертекстової форми представлення WWW-документов?

2. Які особливості синтаксису мови гипетекстовых директив?

3. Які групи директив HTML існують?

4. Як на основі HTML відображувалися заголовки, шрифти, текст, що наперед відформатував?

5. Що називається гіперпосиланням?

6. Які типи посилань застосовуються при проектуванні HTML – сторінок?

7. Що таке URL?

8. Який формат має посилання на електронну пошту?

9. Які існують типи списків в WWW-документах?

10. Як створюється вкладений (складний) список?

⇐ Предыдущая 123 4 5 6 7 8 9 10 Следующая ⇒

Дата публикования: 2015-04-10; Прочитано: 285 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!

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