Червоний рядок html - 4 способи

Червоний рядок html - 4 способи

Червоний рядок html може встановлюватися 4 різними способами. Хоча при цьому певних стандартів для цього явища ця мова програмування не передбачає, тому немає жодних обмежень у цьому плані. У цій статті ми будемо використовувати не зовсім стандартний набір засобів для створення червоного рядка.

1-й спосіб

Почати варто з найпоширенішого способу. Тільки в цьому випадку необхідно використовувати каскадні таблиці, адже CSS нерозривно пов 'язаний з мовою гіпертекстової розмітки. Червоний рядок html можна встановити за допомогою властивості text-indent. Достатньо вказати потрібний елемент і відстань, яку буде використано для відступу з лівого боку документа. Наприклад, запис: «p {text-indent: 20px;} "означає, що буде виконано червоний рядок 20 пікселів у кожному абзаці p. Ви можете використовувати будь-який блок тексту як елемент, для якого вказується значення. Фактично ця властивість встановлює не червоний рядок, а просто вказує порожній для першого рядка вибраного елемента. Але хто помітить різницю? Властивість "text-indent" може приймати три різного виду значення:


  • Будь-яка загальноприйнята одиниця вимірювання, наприклад px (пікселі), in (дюйми), pt (пункти) та інші.
  • Відсоткове значення. У даному випадку враховується відстань від батьківського елемента.
  • Якщо вказано значення, властивість буде успадковуватися біля батьківського елемента.

2-й спосіб

 У html червоний рядок може встановлюватися без з 'єднання каскадних таблиць. Достатньо поставити перед першим символом у вихідному коді сторінки декілька пробілів. Тільки використовувати потрібні спеціальні символи, а саме "& nbsp;", адже якщо ставити звичайний пробіл, то враховуватися буде тільки один. За допомогою цього символу ви можете встановити потрібний погляд. Такий червоний рядок HTML не матиме глобального застосування, і вам доведеться ставити всі пробіли вручну. Цей мінус сильно навантажить вас при роботі з великою кількістю документів. Також цей спосіб буде проголошувати ваш код сторінки невалидним.

3-й спосіб

Використовувати нижнє підкреслення, масковане під тло. У цьому способі можна застосовувати будь-який символ. Найголовніше - змінити колір шрифту тексту, що збігається з тлом. Нехай даний спосіб не найбільш раціональний, але зате ефективність 100%. Отже ще раз повторимо:

  • На початку рядка потрібно вставити декілька повторюваних символів, наприклад: ___.
  • Далі необхідно поміняти колір шрифту цих символів на той, що збігається з тлом.
  • Призначати заміну фарби можна всіма відомими способами, наприклад, з використанням CSS-стилів або засобів HTML.
  • Цей спосіб не підходить, якщо як тло вибрано зображення, оскільки наші символи будуть виділятися.
  • Варто зауважити, що при виділенні фрагмента тексту користувачем буде видно підроблений червоний рядок html.

4-й спосіб

 Червоний рядок у html може встановлюватися найрізноманітнішими методами. Якщо жоден з вищеперерахованих способів не підходить, пропонуємо вам використовувати порожнє зображення. Прозорі зображення можна створювати форматом png або gif (тільки вони мають таку можливість) або взяти зображення jpeg і залити його кольором тла. Далі потрібно просто вставити картинку за допомогою теґу < img >.

Ув 'язнення

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