Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
|
Пример 7.1. Использование абзацев<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title> Применение абзацев </title> </head> <body> <p> В одних садах цветёт миндаль, в других метёт метель. </p> <p> В одних краях ещё февраль, в других - уже апрель. </p> <p> Проходит время, вечный счёт: год за год, век за век... </p> <p> Во всём - его неспешный ход, его кромешный бег. </p> <p> В году на радость и печаль по двадцать пять недель. </p> <p> Мне двадцать пять недель февраль, и двадцать пять - апрель. </p> <p> По двадцать пять недель в туман уходит счёт векам. </p> <p> Летит мой звонкий балаган куда-то к облакам. </p> <p><i> М. Щербаков </i></p> </body></html> Результат данного примера показан на рис. 7.1. Рис. 7.1. Отступы на веб-странице при использовании абзацев Как видно из рисунка, при использовании тега <p> между абзацами возникают слишком большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег <br>. В отличие от абзаца, тег переноса строки <br> не создает дополнительных вертикальных отступов между строками и может применяться практически в любом тексте. Так, текст примера 7.1 с учетом переноса строк будет преобразован следующим образом (пример 7.2). Пример 7.2. Тег <br> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title> Переносы в тексте </title> </head> <body> <p> В одних садах цветёт миндаль, в других метёт метель. <br> В одних краях ещё февраль, в других - уже апрель. <br> Проходит время, вечный счёт: год за год, век за век... <br> Во всём - его неспешный ход, его кромешный бег. <br> В году на радость и печаль по двадцать пять недель. <br> Мне двадцать пять недель февраль, и двадцать пять - апрель. <br> По двадцать пять недель в туман уходит счёт векам. <br> Летит мой звонкий балаган куда-то к облакам. </p> <p><i> М. Щербаков </i></p> </body></html> Результат примера продемонстрирован на рис. 7.2. Видно, что расстояние между строками текста уменьшилось и он приобрел более компактный вид. Рис. 7.2. Вид текста с учетом переносов
|