Веб-дизайн
Мистецтво створення сайтів Форматування тексту
Мітки:
В розділі BODY всі символи табуляції і кінця рядків браузером ігноруються і ніяк не впливають на відображення сторінки. Тому переклад рядка в початковому тексті HTML-документа не приведе до початку нового рядка в що відображається оглядачем
тексті за відсутності спеціальних тегов. Це правило дуже важливо пам'ятати і не забувати ставити розділяючі рядки теги інакше у тексту не буде абзаців, і він стане нечитаним.
Для початку нового рядка використовується тег
(сокр. від англ. break - перервати). Цей тег приводить до відображення
браузером подальшого тексту з початку наступного рядка. Закриваючий для нього тег не використовується. Він зручний якщо потрібен з якогось місця писати з нового рядка без початку нового абзацу, наприклад, у вірші. Повторне його використовування
дозволяє вставити одну або декілька порожніх рядків, відсунувши наступний фрагмент сторінки вниз.
Суцільний текст без проміжків читається не дуже легко, його незручно проглядати і знаходити потрібні місця. Розбитий на абзаци,
текст сприймається набагато швидше. Для початку нового абзацу використовується тег
(англ. paragraph - абзац). Цей тег, окрім початку нового рядка, вставляє один порожній рядок. Але багатократне повторення
, у відмінність від
,
не приведе до появи декількох порожніх рядків, залишиться все той же один порожній рядок.
Усередині дужок тега окрім його назви можуть розміщуватися також атрибути (англ. atributes - атрибути). Вони відділяються
від назви і між собою пропусками (одним або декількома), а пишуться у вигляді имя_атрибута="значение". Якщо значення не містить пропусків, то лапки можуть бути опущений, але так робити не рекомендується. Тег
може містити
атрибут ALIGN, що визначає вирівнювання абзацу. За умовчанням абзац вирівнюється вліво ALIGN="left". Можливі також вирівнювання управо ALIGN="right" і по центру ALIGN="center". При використовуванні атрибутів, після тексту,
що форматується, слід використовувати закриваючий тег
означає закриття попереднього
відповідно вкладені
неможливі. Виравніть текст по центру можливо також тегом
Тепер ми можемо помістити на нашу Web-сторінку деякий текст з різним вирівнюванням:
Здесь будуть мої особисті сторінки!
На їх Ви зможете знайти:
- розповідь про мене і про мої захоплення;
- мої фотографії.
С одній з моїх сторінок можна будет
отправить мені електронний лист.
Окрім використовування цих тегов, для розриву рядків можливо використовування символів кінця рядків і табуляцій в самому
HTML-документі. Для цієї мети існує тег
. Весь текст, поміщений між тегамиівиводитиметься без змін, тобто зі всіма кінцями рядків і табуляціями.
Наприклад:Это текст написаний
в два рядки.В HTML-документі, окрім тексту, можуть міститися горизонтальні розділові лінії. Вони, як і текст, не вимагають ніяких зовнішніх
файлів. Тег
виведе горизонтальну лінію одиничної товщини уздовж всієї ширини сторінки. Горизонтальна розділова лінія завжди приводить до розриву рядки, але порожніх рядків між лінією і текстом не з'являється.
Тег
можнт містити декілька атрибутів.
і
дають контурну лінію з тривимірним ефектом поглиблення.
дає суцільну чорну лінію. Лінія може не тягнутися у всю ширину сторінки, а складати лише деяку частину. Атрибут
WIDTH задає ширину лінії, у відсотках від ширини всієї сторінки або в пикселах. Наприклад, 50% - половина ширини сторінки, 400 - ширина в 400 пикселов. Атрибут ALIGN може приймати значення, аналогічні його значенням
для тега, але вирівнювання за умовчанням - по центру. Атрибут SIZE задає товщину лінії в пикселах від 1 до 175; за умовчанням 1, але якщо
, (лінія - контурна), то додається товщина, необхідна для тривимірного ефекту поглиблення.Лінії, разом з абзацами, дозволяють виділити логічні фрагменти тексту. Але велика кількість горизонтальних ліній неприємно
для відвідувача вашої Веб-сторінки, тому після кожного абзацу їх ставити не слід. Вони більше підходять для виділення цілих розділів.
