КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Оформлення тексту, створення заголовків. Графічні об’єкти
Форматування тексту передбачає створення заголовків, абзаців, вирівнювання тексту, вибір стилів шрифту (напівжирний, курсив, підкреслений), зміну розміру шрифту.
У HTML існує шість рівнів заголовків і кожному з них відповідає свій розмір шрифту. За допомогою заголовків різних рівнів можна створювати чітку ієрархічну структуру документа. Заголовку І рівня відповідає найбільший розмір шрифту. Синтаксис HTML-коду, що створює заголовки різного рівня та відображення цього коду броузером показано на Рис.
<Н1> Заголовок першого рівня </Н1>
<Н2> Заголовок другого рівня </Н2>
<Н3> Заголовок третього рівня </Н3>
<Н4> Заголовок четвертого рівня </Н4>
<Н5> Заголовок п’ятого рівня </Н5>
<Н6> Заголовок шостого рівня </Н6>
Рис.2.2.3. Заголовки різного рівня
Для кращого сприйняття сторінки користувачем не слід пропускати рівні заголовків.
Для відображення тексту в HTML немає спеціального дескриптора. Текст вводиться у будь-якому місці між дескрипторами <BODY></BODY>. У текст не потрібно вставляти ні порожні рядки, ні символи переведення рядка, оскільки при відображенні сторінки броузером вони не враховуються. Текст автоматично розміщується за шириною вікна броузера. Якщо ж необхідно на Web-сторінці помістити порожній рядок або забезпечити в потрібному місці перехід до наступного рядка, слід використовувати спеціальні дескриптори:
дескриптор розриву абзацу <Р></Р> та
дескриптор розриву рядка <BR>.
Дескриптор розриву абзацу дає команду броузеру закінчити поточний абзац і помістити порожній рядок перед наступним абзацом. Дескриптор розриву рядка вказує про закінчення поточного рядка і переходу до наступного. Для дескриптора розриву абзацу використовувати закриваючий дескриптор </Р> не обов’язково.
Використання згаданих дескрипторів розглянуто на прикладі:
<HTML>
<HEAD>
<TITLE>
Приклад використання дескрипторів розриву рядка та абзацу
</TITLE>
</HEAD>
<BODY>
Дескриптор розриву абзацу дає команду роузера вставити порожній рядок перед початком наступного абзацу.
<Р>
Дескриптор розриву рядка дає команду броузеру <BR> перейти у наступний рядок.
</Р>
</BODY>
</HTML>
Відображення сторінки з таким кодом подано на Рис.2.2.4.
Рис.2.2.4. Абзаци та пусті рядки
Текст абзацу чи заголовка може бути вирівняний по лівому краю, по правому краю, або по центру вікна броузера. Для вирівнювання тексту використовується параметр ALIGN=вирівнювання, де вирівнювання може приймати значення: LEFT для вирівнювання по лівому краю, RIGHT для вирівнювання по правому краю, CENTER для вирівнювання по центру. Найчастіше параметр ALIGN використовується в дескрипторах розриву абзацу та визначення заголовка.
Наприклад:
<HTML>
<HEAD>
<ТІTLЕ> Приклад вирівнювання тексту </ТITLE>
</HEAD>
<BODY>
<Н2 ALIGN=CENTER>Цей заголовок буде розміщено посередині</Н2>
<!-- Наступний абзац буде вирівняно по правому краю à
<Р ALIGN=RIGHT> Цей абзац вирівняно по правому краю Вивчення HTML невдовзі стане такою ж необхідністю, як вміння ввімкнути комп’ютер, скопіювати файл чи скористатися текстовим редактором. Якщо користувач вміє набирати текст, то зможе освоїти і використання HTML.
</Р>
</BODY>
</HTML>
Відображення сторінки з таким кодом подано на Рис.2.2.5
Рис.2.2.5. Вирівнювання абзацу по центру та по правому краю
У HTML є контейнер, в який можна помістити заздалегідь відформатований текст. Контейнер <PRE>…</PRE> використовується для відображення відформатованого текстовим редактором блоку тексту, який складно було б прочитати, якщо б броузер переформатував його (наприклад, блоки програмного коду мовою C++). Цей контейнер дозволяє зберегти розбиття тексту на рядки (символи переходу на новий рядок, отримані в результаті натискування клавіші <Enter>, інтерпретуються як розриви рядка), пропуски всередині тексту інтерпретуються у точній відповідності з їх розміщенням у текстовому редакторі. Недоліком такого підходу є втрата гнучкості, а також те, що броузера, зазвичай, виділяють відформатований заздалегідь текст із допомогою моноширинного шрифту. Це призводить до того, що довгі фрагменти тексту зливаються. У наступному прикладі створюється сторінка із заздалегідь відформатованим текстом:
<HTML>
<HEAD>
<TITLE> Приклад заздалегідь відформатованого тексту </TITLE>
</HEAD>
<BODY>
<Н1 ALIGN=CENTER> Книги про HTML </H1>
<PRE>
Дата добавления: 2014-12-03; просмотров: 229; Мы поможем в написании вашей работы!; Нарушение авторских прав |