В веб-разработке пробелы добавляются в документы HTML с помощью « », который также называется неразрывным пробелом. В некоторых случаях требуется добавление в документ нескольких неразрывных пробелов, например табуляции. Таким образом, несколько « » коды сущностей могут повлиять на последовательность кода документа и аккуратность.
Для решения этих проблем существует несколько других способов включения в HTML-документ нескольких неразрывных пробелов, например « <пред> », « <диапазон> 'элементы, CSS' поле слева », « padding-left недвижимость и многое другое.
Сначала мы рассмотрим пример, реализующий « », чтобы добавить пробелы в HTML-документ. Затем постепенно просматривайте иллюстрации, чтобы продемонстрировать различные способы добавления табуляции.
Как добавить пробелы с помощью « » код сущности в HTML?
Чтобы добавить пробелы, используя « ” на HTML-странице выполните указанные шаги:
Добавьте элемент div и назначьте ему класс». статья ».
После этого поставьте « » для заголовка.
Затем добавьте « <р> », чтобы добавить абзац. В начале абзаца добавляются пробелы с указанием кода сущности « ”:
< див учебный класс знак равно 'статья' > < h2 > Знание - сила < / h2 > < п > Знание – сила означает, что образованный человек полностью контролирует свою жизнь благодаря силе знания. < / п > < / див >
Видно, что пробелы успешно добавлены в начале абзаца:
Как добавить пространство табуляции с помощью HTML-элемента «»?
HTML « <диапазон> ” — это встроенный элемент, который используется для разметки части документа. В текущем примере мы добавили элемент с « вкладка ' я бы. Этот элемент оформлен в CSS для создания пробела:
< див учебный класс знак равно 'статья' > < h2 >Знание - сила< / h2 > < п > < охватывать я бы знак равно 'вкладка' >< / охватывать > Знание - сила означает, что образованный человек полностью контролирует свою жизнь посредством знания сила.
“ .статья ” используется для доступа к “ <дел> », который затем применяется со следующими свойствами:
“ ширина ” определяет ширину элемента.
“ прибыль ” определяет высоту элемента.
“ набивка » создает пространство вокруг содержимого элемента.
Идентификатор вкладки стиля
# вкладка { отступ слева: 8px; }
“ # вкладка ” получить доступ к “ вкладка ” id элемента и примените “ padding-left имущество на нем.
Вывод
Как добавить пространство табуляции с помощью HTML-элемента «
»?
“ <пред> Элемент определяет предварительно отформатированный текст. Текст внутри элемента
отображается на веб-странице как есть.
Просмотрите пример, сначала создав HTML-страницу:
Добавить ' », чтобы установить заголовок второго уровня для документа.
Затем добавьте « <пред> ” и укажите содержимое с желаемым форматированием:
< h2 >Предварительный HTML-тег< / h2 > < до > функциональный продуктФункция ( п1, п2 ) { вернуть п1 * п2; } < / до >
Вывод
Как добавить пространство табуляции, используя свойство CSS «margin-left»?
Чтобы добавить пространство табуляции с помощью CSS « поле слева », следуйте предусмотренной процедуре:
Во-первых, включите элемент div в документ и назначьте ему класс « картинки ».
Внутри этого элемента div добавьте еще два элемента div вместе с классом « изображение-1 ' и ' изображение-2 ' соответственно.
Каждый из этих двух элементов div содержит изображения, указанные с помощью « <изображение> ' тег.
Эти ' <изображение> ” теги связаны с “ источник ' и ' ширина атрибуты. Атрибут «src» указывает URL-адрес изображения, а атрибут «width» регулирует ширину изображения.
Вот HTML-код описанного выше сценария:
< див учебный класс знак равно 'картинки' > < див учебный класс знак равно 'img-1' > < изображение источник знак равно '/весенние-изображения/маргарита-цветок.jpg' ширина знак равно '250' > < / див > < див учебный класс знак равно 'имг-2' > < изображение источник знак равно '/весенние изображения/цветок-ga8f105f1d_1920.jpg' ширина знак равно '250' > < / див > < / див >
HTML-страница будет выглядеть так:
Давайте перейдем к разделу CSS, чтобы добавить несколько пробелов в « изображение-2 ” без использования нескольких неразрывных пробелов.
Стиль div «images»
.картинки { ширина : 500 пикселей; маржа: авто; }
“ .картинки ” используется для доступа к разделу HTML, содержащему “ картинки ' учебный класс. Объяснение вышеуказанных свойств следующее:
“ ширина ” определяет ширину элемента.
“ прибыль ” определяет пространство вокруг сторон элемента.
Стиль div «img-2» Доступ к элементу div с помощью « .img-2 ”:
.img- 2 { поле слева: 30px; }
“ поле слева ” недвижимость с “ 30 пикселей Значение применяется к элементу div HTML, имеющему класс « изображение-2 ». Это свойство добавит 30 пикселей слева от элемента.
Здесь результат показывает, что второе изображение применяется с некоторым пробелом в начале:
Мы разработали добавление пробелов табуляции вместо использования нескольких неразрывных пробелов. ».
Заключение
В HTML « Код объекта обычно используется для добавления неразрывного пробела в документ. Чтобы избежать многократного использования этого кода сущности, существуют другие способы добавления табуляции в документ. Эти методы включают использование HTML « <пред> », « <диапазон> 'элементы', ' поле слева недвижимость и многое другое. В этом блоге упоминалось несколько способов, которые помогают добавлять пробелы в HTML-документ вместо добавления нескольких « ». коды сущностей.
