Главная Случайная страница


Полезное:

Как сделать разговор полезным и приятным Как сделать объемную звезду своими руками Как сделать то, что делать не хочется? Как сделать погремушку Как сделать так чтобы женщины сами знакомились с вами Как сделать идею коммерческой Как сделать хорошую растяжку ног? Как сделать наш разум здоровым? Как сделать, чтобы люди обманывали меньше Вопрос 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. Вид текста с учетом переносов

Date: 2015-09-17; view: 396; Нарушение авторских прав; Помощь в написании работы --> СЮДА...



mydocx.ru - 2015-2024 year. (0.005 sec.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав - Пожаловаться на публикацию