Додавання заголовків і абзаців

Якщо ви користувалися Microsoft Word, вам повинно бути добре знайоме використання стилів для виділення заголовків за ступенем важливості. У HTML заголовки поділяються на шість рівнів: H1 – найважливіший, H2 – трохи менш важливий, . . ., H6 – найменш значимий.

Приклад того, як додати важливий заголовок:

<H1>Важливий заголовок</H1> <H2>Трохи менш важливий</H2>

Результат:

Важливий заголовок

Трохи менш важливий

Кожен абзац повинний починатися тегом <P> і закінчуватися тегом </P>. Для вирівняння тексту в документі використовується атрибут align, який дозволяє вирівняти текст по лівому чи правому краю та по центру.

Наприклад:

<P>Це перший абзац</P>

<P>А це другий абзац </P>

<P align="right"> Цей текст вирівняний по правому краю </P>

<P align="left"> Цей текст вирівняний по лівому краю </P>

<P align="center"> Цей текст вирівняний по центру </P>

Форматування тексту

Для форматування тексту можна використовувати різні стилі шрифтів. За допомогою тега <B> встановлюють жирний шрифт, тегів <EM> або <I> – курсив, тег <U> – підкреслене написання символів. Усі перераховані теги – парні. Наприклад:

Це дійсно <em>цікавий</em> пункт!

Результат:

Це дійсно цікавий пункт!

Тег <font> може бути використаний для задавання кольору й розміру шрифту, яким буде виведений ваш текст. Атрибут color служить для вказівки кольору тексту.

Наприклад:

У цій пропозиції є <font color="red">слово</font>, виділене червоним кольором.

Результат:

У цій пропозиції є слово (червоного кольору), виділене червоним кольором.

Атрибут size служить для задавання розміру шрифту в умовних одиницях від 1 до 7. Прийнято вважати, що розмір “нормального” шрифту відповідає числу 3. Розмір може бути зазначено як абсолютною величиною (size=5), так і відносною (size=+2 – збільшить текст на 2 одиниці відносно базового, size=-1 – зменшить текст на 1 одиницю відносно базового).

Наприклад:

Поради <font size="+2" color="maroon">ветеринарного</font> лікаря

Результат:

Поради ветеринарного лікаря

Додавання малюнків

Використання малюнків робить ваші сторінки більш цікавими. Вставити малюнок дозволяє тег <img>. Припустимо, що файл малюнка “peter.jpg” завширшки 200 пікселів і висотою 150 пікселів, лежить у тій же папці, що і HTML файл. Вказуємо наступну команду:

<img src="peter.JPG" width="200" height="150"><BR>

Вказівка ширини й висоти не є строго необхідними, але збільшує швидкість завантаження WEB-сторінки. У випадках коли відключене завантаження зображень треба задати опис картинки, використовуючи атрибут alt:

<img src="peter.JPG" width="200" height="150" alt="Мій друг Петро">

При встановленні малюнка в документ можна використовувати атрибут align=“…” для вирівняння його по лівому, правому краю та по центру.

У WWW використовується два формати графічних файлів GIF і JPG. Формат GIF використовується, коли потрібно прозоре зображення чи анімація, а також для:

• чорно-білих малюнків і тексту

• зображень з обмеженою кількістю кольорів

• графіки з різкими контурами (меню, кнопки, діаграми і т.п.)

• зображень із текстом

Формат JPG більше підходить у таких випадках:

• скановані зображення

• графіка зі складним сполученням кольорів і відтінків

• будь-яке зображення з палітрою більш ніж 256 кольорів