Интервал за разделяне вместо множество неразделящи се интервали („ “)?

Interval Za Razdelane Vmesto Mnozestvo Nerazdelasi Se Intervali Nbsp



При уеб разработката интервалите се добавят в HTML документи чрез използване на „   ” код на обект, който също се нарича непрекъсваем интервал. В някои случаи се изисква добавяне на множество непрекъснати интервали в документа, като пространство за табулация. Следователно множество „ “ кодовете на обекти могат да повлияят на кодовата последователност и чистотата на документа.

За да се справите с тези проблеми, има няколко други начина за включване на множество неразривни интервали в HTML документа, като например „ <преди> ”, “ ' елементи, CSS ' margin-left ”, “ padding-left ” имоти и много други.

Това проучване ще ви научи:







Първо ще преминем през пример, който прилага „   ”, за да добавите интервали в HTML документа. След това постепенно преминете през илюстрациите, за да демонстрирате различни методи за добавяне на разделно пространство.



Как да добавите интервали с помощта на „ “ код на обект в HTML?

За да добавите интервали, като използвате „   ” на HTML страницата следвайте предоставените стъпки:



  • Добавете div елемент и му присвоете клас ' статия ”.
  • След това поставете „

    ” елемент за заглавието.

  • След това добавете „

    ”, за да добавите абзац. В началото на абзаца интервалите се добавят чрез посочване на кода на обекта „   ”:

< див клас = 'статия' >
< h2 > Знанието е сила < / h2 >
< стр >     Знанието е сила означава, че образован човек има пълен контрол над живота си чрез силата на знанието. < / стр >
< / див >

Вижда се, че интервалите са добавени успешно в началото на абзаца:





Как да добавите разделно пространство с помощта на HTML елемент „“?

HTML „ ” е вграден елемент, който се използва за маркиране на част от документ. В текущия пример добавихме елемента с „ раздел ' документ за самоличност. Този елемент е стилизиран в CSS, за да създаде пространство:



< див клас = 'статия' >
< h2 >Знанието е сила< / h2 >
< стр > < педя документ за самоличност = 'раздел' >< / педя > Знанието е сила означава, че образован човек има пълен контрол над живота си чрез знанието сила.


Стил „статия“ div

.статия {
марж: авто;
ширина : 400px;
подложка: 10px;
}

.статия ” се използва за достъп до „

”, който след това се прилага със следните свойства:

  • ширина ” определя ширината на елемента.
  • марж ” определя височината на елемента.
  • подплата ” генерира пространство около съдържанието на елемента.

Идентификационен номер на стил „раздел“.

#раздел {
padding-left: 8px;
}

#раздел ” достъп до “ раздел ” id на елемента и приложете „ padding-left ” собственост върху него.

Изход

Как да добавите пространство за раздели с помощта на HTML елемент „
“?

<преди> ” елемент дефинира предварително форматирания текст. Текстът в елемента

 се показва на уеб страницата такъв, какъвто е.

Прегледайте примера, като първо създадете HTML страницата:

  • Добавете „

    ”, за да зададете заглавие от ниво две на документа.

  • След това добавете „ <преди> ” и посочете съдържание с желаното форматиране:
< h2 >HTML pre Tag< / h2 >
< пред >
функция productFunction ( p1, p2 ) {
връщане p1 * p2;
}
< / пред >

Изход

Как да добавите разделно пространство с помощта на свойството „margin-left“ на CSS?

За да добавите разделно пространство с помощта на CSS „ margin-left ” собственост, следвайте предвидената процедура:

  • Първо, включете елемент div към документа и му присвоете клас ' изображения ”.
  • Вътре в този елемент div добавете още два елемента div заедно с класа „ img-1 ' и ' img-2 ” съответно.
  • Всеки от тези два елемента div съдържа изображения, които са посочени с помощта на „ ” таг.
  • Тези „ ” таговете са свързани с „ src ' и ' ширина ' атрибути. Атрибутът “src” указва URL адреса на изображението, а атрибутът “width” регулира ширината на изображението.

Ето HTML кода на обсъдения по-горе сценарий:

< див клас = 'изображения' >
< див клас = 'img-1' >
< img src = '/spring-images/marguerite-flower.jpg' ширина = '250' >
< / див >
< див клас = 'img-2' >
< img src = '/spring-images/flower-ga8f105f1d_1920.jpg' ширина = '250' >
< / див >
< / див >

HTML страницата ще изглежда така:

Нека преминем към секцията CSS, за да добавим няколко интервала към „ img-2 ” без използване на множество неразделящи се интервали.

Стил „изображения“ div

.изображения {
ширина : 500px;
марж: авто;
}

.изображения ” се използва за достъп до HTML div, който съдържа „ изображения ” клас. Обяснението на горепосочените свойства е следното:

  • ширина ” определя ширината на елемента.
  • марж ” свойството определя пространството около страните на елемента.

Стил „img-2“ div
Достъп до елемента div чрез „ .img-2 ”:

.img- 2 {
margin-left: 30px;
}

margin-left „ имот с „ 30px ” стойността се прилага към HTML div елемента с клас „ img-2 ”. Това свойство ще добави 30px пространство отляво на елемента.

Тук резултатът показва, че второто изображение е приложено с малко интервал в началото:

Разработихме добавянето на интервали за табулация, вместо да използваме множество непрекъсващи интервали '   ”.

Заключение

В HTML „   ” кодът на обект обикновено се използва за добавяне на непрекъснато пространство в документа. За да избегнете използването на този код на обекта многократно, има други начини за добавяне на разделно пространство в документ. Тези методи включват използването на HTML “ <преди> ”, “ 'елементи', margin-left ” собственост и много други. Този блог спомена няколко начина, които помагат за добавяне на интервали за табулация в HTML документа, вместо добавяне на множество „ “ кодове на обекти.