lightanddesign.ru
You might also like
Существует несколько способов задать отступ HTML перед текстом. Однако ради совместимости и доступности с различными браузерами мы обсудим наиболее распространенные методы.
Рекомендованный способ в CSS и HTML
Лучший способ сделать отступ перед текстом или абзацами — использовать CSS. Ниже приведен пример отступа текста с помощью каскадных таблиц стилей. Введите код каждого примера между тегами HTML.
Следующий код создает CSS-класс с именем ‘tab’, который отделяет текст и абзацы на 40 пикселей от левого края.
Вставив приведенный выше код в раздел, его можно добавить в тег абзаца и запустить в любом месте (см.
), как показано ниже:.
Если вы применяете этот стиль на нескольких страницах, рекомендуется создать файл .css и связать его со всеми вашими веб-страницами. Чтобы сделать отступ в HTML, добавьте следующую строку между тегами и ссылкой на файл. Он называется ‘basic.css’.
После создания файла каскадной таблицы стилей откройте его, отредактируйте и добавьте тот же код, за исключением тегов и тегов комментариев, как показано ниже.
После выполнения этих шагов вы можете вставлять табуляцию в любой текст, используя те же самые действия
показано выше.
Возможны и другие варианты. Например, если вы хотите сместить только первую строку абзаца, примените следующий код
Совет: Вы можете задать отступ в процентах. Например, вместо смещения на 40 пикселей можно переместить линию всего на 5% от ее текущего положения. Вы также можете использовать длинные пробелы при указании желаемой ширины.
Бонусный совет по отступам HTML: чтобы изменить отступ HTML слева направо, измените свойство margin-left на margin-right.
Рекомендованный метод в HTML
Такого же результата можно добиться с помощью стилей, встроенных в HTML-код. CSS облегчает управление несколькими веб-страницами, но если вы используете стиль только один раз
Здесь весь текст абзаца смещен на 40 пикселей влево. Другие теги.
Они не смещаются.
Однако здесь только первая строка абзаца смещена на 40 пикселей влево. Дополнительные линии не сдвигаются.
Совет: Для задания отступа можно использовать проценты. Например, вместо смещения в 40 пикселей можно изменить значение на 5%, чтобы сместить текст на 5%.
Бонусный совет: Вы можете изменить отступ слева направо, изменив свойство margin-left на margin-right.
Альтернативный метод
Другой широко используемый метод отступа для HTML-текста показан ниже.
Хотя это решение намного проще, существуют некоторые проблемы совместимости, которые могут быть вызваны использованием этого решения. Этот тег предназначен только для ссылки, а не для отступа.
Оставьте свое мнение по актуальным темам. Спасибо за ваши комментарии, "не нравится", "нравится", отзывы и подписки!
Оставьте комментарий по текущей теме статьи. Спасибо за ваши комментарии, лайки, отзывы, подписки, антипатии!
Константин Кондрусин CC в своей статье "Как сделать отступ или табуляцию в тексте на веб-странице или HTML?" Автор.
