Червона строка.оформляем відступ в html
При оформленні тих чи інших текстів чи навіть таблиць веб-майстрам доводиться стикатися з такою проблемою, як оформлення червоних рядків, відступів в тексті. Здавалося б, все досить просто - скопіювати текст в потрібне поле, і відступи будуть оформлені автоматично. Але, на жаль, не все так просто. Тому давайте розберемося, як правильно відформатувати текст, щоб він виглядав красиво і ефектно, і дізнаємося, як можна оформити відступ в HTML.
спосіб перший
Почнемо з найбільш простого, але в той же час трудомісткого оформлення відступів. Для вирішення даної проблеми використовуємо код пробілу - -. Використавши його на початку абзацу кілька разів, ви отримаєте потрібний вам відступ.
Переваги даного способу в тому, що даний код читається будь-яким браузером. Недолік один - доведеться довго і нудно вставляти пробіли в обраний вами текст. Такий спосіб підходить тим, хто тільки починає своє знайомство з HTML. Відступи в таблиці також можна зробити таким способом.
спосіб другий
Другий спосіб - оформити відступ за допомогою парного тега
Легше, ніж в першому випадку. Але ось біда, даний тег робить відступ тільки на 40 пікселів, крім того, при його використанні відступ задається не тільки зліва, а й справа, зверху і навіть знизу. Для тексту не завжди красиво, для таблиці такий спосіб зробити відступ в HTML буде набагато ефективніше.
Якщо хочете красиво виділити блок інформації - даний тег підійде, якщо ж ні - радимо скористатися першим способом або ж подивитися інші два.
спосіб третій
Підставляємо слово, букви якого мають однаковий колір з фоном, тобто на початку кожного абзацу вставляємо слово-невидимку. Таким чином легко зробити відступ. HTML дозволяє написати один раз спеціальний код і вставляти його на початку кожного абзацу.
Так, рішення непогане, але що, якщо ваш сайт має фоновий малюнок або картинку? Такий спосіб тут не підійде. Та й до того ж при виділенні дане слово буде видно. А ще згадаємо про те, що даний код буде доступний всім користувачам Інтернету. В такому випадку, переглянувши вихідний код вашої сторінки, користувачі можуть залишитися в подиві. Тому все ж радимо використовувати спеціальні теги для оформлення відступів. Також відзначимо, що такий варіант оформлення не зовсім підійде для таблиць, хоча і може бути використаний для форматування тексту.
спосіб четвертий
І, нарешті, останній способів зробити відступ тексту. В HTML це можна здійснити за допомогою двох простих тегів. І найпростіший спосіб зробити абзац - використовувати зв`язку з двох тегів - lt; br gt; lt; dd gt ;.
Перший тег переносить текст на новий рядок, формуючи абзац. Другий же служить табулятором, тобто виставляє новий рядок. Як бачите, все досить просто і зрозуміло. До того ж такий запис буде зрозуміла більшості користувачів, що заглянули на ваш сайт і зацікавилися його кодом.
Використовувати дане поєднання легко, хоча і його доведеться вставляти в початок кожного абзацу вручну. Але що поробиш, далеко не всі редактори мають здатність красиво і правильно оформляти текст.
Чи потрібен тег абзацу?
Наостанок поговоримо трохи про тезі lt; p gt ;. Зазвичай він вживається для того, щоб визначити в тексті початок нового абзацу. Правда, при використанні даного тега не зберігається новий рядок в абзаці, але зате з`являється відступ між абзацами.
У більшості європейських країн дане оформлення є загальноприйнятим, але чи влаштовує воно нас? Всі ми звикли до наявності червоних рядків і досить часто задаємося питанням про те, як оформити відступ в HTML, до того ж не завжди зручно читати текст, відформатований таким чином.
Якщо ви хочете зробити текст більш звичним і легким для сприйняття, радимо відмовитися від тега lt; p gt ;, і замінити його на зв`язку lt; br gt; lt; dd gt ;. Повірте, це буде набагато красивіше і витонченіше, ніж наявність порожніх рядків між абзацами. Та й так ви зможете заощадити місце на екрані.
висновки
Отже, ми з вами навчилися оформляти відступи. Як виявилося, це не так складно. Головне - знати кілька корисних тегів і кодів, а також мати запас терпіння і вільний час для того, щоб розставити їх.
Зробити відступ в HTML можна декількома способами. Ми з вами розібрали кожен з них, виділили їх переваги та недоліки. Також поговорили про те, що тег lt; p gt; далеко не завжди так корисний, як нам би хотілося.
