Червоний рядок. Виберіть HTML

Червоний рядок. Виберіть HTML

При оформленні тих чи інших текстів або навіть таблиць веб-майстрам доводиться стикатися з такою проблемою, як оформлення червоних рядків, відступів у тексті. Здавалося б, все досить просто - скопіювати текст в потрібне поле, і відступи будуть оформлені автоматично. Але, на жаль, не все так просто. Тому давайте розберемося, як правильно відформатувати текст, щоб він виглядав красиво і ефектно, і дізнаємося, як можна оформити ^ в HTML.

Спосіб перший

Почнемо з найбільш простого, але в той же час трудомісткого оформлення відступів. Для вирішення цієї проблеми використовуємо код пробілу - & nbsp;. Використовувавши його на початку абзацу кілька разів, ви отримаєте потрібний вам ^.


Переваги даного способу в тому, що даний код читається будь-яким браузером. Брак один - доведеться довго і нудно вставляти пробіли в обраний вами текст. Такий спосіб підходить тим, хто тільки починає своє знайомство з HTML. Відступи в таблиці також можна зробити таким способом.

Спосіб другого

Другий спосіб - оформити за допомогою парного тегу < blockquote. Для цього потрібно укласти текст, який вам потрібно відформатувати, між відкриваючим і закриваючим тегом.

Легше, ніж у першому випадку. Але ось біда, даний тег робить порожній тільки на 40 пікселів, крім того, при його використанні порожній задається не тільки ліворуч, але і праворуч, зверху і навіть знизу. Для тексту не завжди красиво, для таблиці такий спосіб зробити ^ в HTML буде набагато ефективніше.

І, нарешті, останній способів зробити порожній текст. У HTML це можна здійснити за допомогою двох простих тегів. І найпростіший спосіб зробити абзац - використовувати зв 'язку з двох тегів - < br > < dd >.

Перший тег переносить текст на новий рядок, формуючи абзац. Другий же служить табулятором, тобто виставляє червоний рядок. Як бачите, все досить просто і зрозуміло. До того ж такий запис буде зрозумілий більшості користувачів, які зазирнули на ваш сайт і зацікавилися його кодом.

Використовувати поєднання легко, хоча і його доведеться вставляти на початок кожного абзацу вручну. Але що вдіяти, далеко не всі редактори мають здатність красиво і правильно оформляти текст.


Чи потрібен тег абзацу?

Наостанок поговоримо трохи про тег < p >. Зазвичай він вживається для того, щоб визначити в тексті початок нового абзацу. Щоправда, якщо ви використовуєте цей тег, у абзаці не зберігається червоний рядок, зате з 'являється відступ між абзацами.

У більшості європейських країн дане оформлення є загальноприйнятим, але чи влаштовує воно нас? Всі ми звикли до наявності червоних рядків і досить часто задаємося питанням про те, як оформити ^ в HTML, до того ж не завжди зручно читати текст, відформатований таким чином.

Якщо ви хочете зробити текст більш звичним і легким для сприйняття, радимо відмовитися від тегу < p >, і замінити його на зв 'язку < br > < dd >. Повірте, це буде набагато красивіше і витончене, ніж наявність порожніх рядків між абзацами. Та й так ви зможете заощадити місце на екрані.

Висновки

Отже, ми з вами навчилися оформляти відступи. Як виявилося, це не так складно. Головне - знати кілька корисних тегів і кодів, а також мати запас терпіння і вільний час для того, щоб розставити їх.

Скористатися HTML можна декількома способами. Ми з вами розібрали кожен з них, виділили їх переваги і недоліки. Також поговорили про те, що тег < p > далеко не завжди такий корисний, як нам би хотілося.