Spacja tabulatora zamiast wielu nierozdzielających spacji („ ”)?

Spacja Tabulatora Zamiast Wielu Nierozdzielajacych Spacji Nbsp



W tworzeniu stron internetowych spacje są dodawane w dokumentach HTML za pomocą „   ” kod podmiotu, który jest również określany jako spacja nierozdzielająca. W niektórych przypadkach wymagane jest dodanie wielu nierozdzielających spacji w dokumencie, takich jak spacje tabulacji. Dlatego wiele „ ” kody jednostek mogą wpływać na kolejność i schludność kodu dokumentu.

Aby rozwiązać te problemy, istnieje kilka innych sposobów umieszczania wielu nierozdzielających spacji w dokumencie HTML, na przykład „

   ”, „      ” elementy, CSS “   lewy margines   ”, „   dopełnienie-lewo   ” właściwości i wiele innych.

To badanie nauczy Cię:







Najpierw przejdziemy przez przykład, który implementuje „   ”, aby dodać spacje w dokumencie HTML. Następnie stopniowo przejrzyj ilustracje, aby zademonstrować różne metody dodawania miejsca na tabulatory.



Jak dodawać spacje za pomocą „ ” kod podmiotu w HTML?

Aby dodać spacje za pomocą „   ” na stronie HTML, wykonaj podane czynności:



  • Dodaj element div i przypisz mu klasę „ artykuł ”.
  • Następnie umieść „

    ” dla nagłówka.

  • Następnie dodaj „

    ”, aby dodać akapit. Na początku akapitu dodaje się spacje poprzez wskazanie kodu podmiotu „   ”:

< dz klasa = 'artykuł' >
< h2 > Wiedza to potęga < / h2 >
< p >     Wiedza to potęga oznacza, że ​​wykształcony człowiek ma całkowitą kontrolę nad swoim życiem dzięki sile wiedzy. < / p >
< / dz >

Można zauważyć, że spacje zostały pomyślnie dodane na początku akapitu:





Jak dodać miejsce na tabulatory za pomocą elementu HTML „”?

Kod HTML „ ” to element liniowy używany do oznaczania części dokumentu. W bieżącym przykładzie dodaliśmy element z „ patka ' ID. Ten element jest stylizowany w CSS tak, aby tworzył spację:



< dz klasa = 'artykuł' >
< h2 >Wiedza to potęga< / h2 >
< p > < Zakres ID = 'patka' >< / Zakres > Wiedza to potęga oznacza, że ​​wykształcony człowiek ma całkowitą kontrolę nad swoim życiem dzięki wiedzy siła.


Styl div „artykuł”.

.artykuł {
margines: automatyczny;
szerokość : 400 pikseli;
wypełnienie: 10px;
}

.artykuł ” służy do uzyskiwania dostępu do „ ”, które są następnie stosowane z następującymi właściwościami:

  • szerokość ” określa szerokość elementu.
  • margines ” określa wysokość elementu.
  • wyściółka ” generuje przestrzeń wokół zawartości elementu.

Identyfikator „zakładki” stylu

#patka {
dopełnienie po lewej stronie: 8px;
}

#patka ' Uzyskać dostęp do ' patka ” id elementu i zastosuj „ dopełnienie-lewo ” własność na nim.

Wynik

Jak dodać miejsce na tabulatory za pomocą elementu HTML „
”?

   ” określa wstępnie sformatowany tekst. Tekst w elemencie 
 jest wyświetlany na stronie internetowej bez zmian.

Omów przykład, tworząc najpierw stronę HTML:

  • Dodaj '

    ”, aby ustawić nagłówek drugiego poziomu w dokumencie.

  • Następnie dodaj „
       ” i określ treść z żądanym formatowaniem:
< h2 >Tag wstępny HTML< / h2 >
< przed >
funkcja produktFunkcja ( p1, p2 ) {
zwróć p1 * p2;
}
< / przed >

Wynik

Jak dodać miejsce na tabulatory za pomocą właściwości CSS „margin-left”?

Aby dodać miejsce na tabulatory za pomocą CSS „ lewy margines ”, postępuj zgodnie z podaną procedurą:

  • Najpierw dołącz element div do dokumentu i przypisz mu klasę „ zdjęcia ”.
  • Wewnątrz tego elementu div dodaj kolejne dwa elementy div wraz z klasą „ img-1 ' oraz ' img-2 ” odpowiednio.
  • Każdy z tych dwóch elementów div zawiera obrazy określone za pomocą „ ”znacznik.
  • Te ' Tagi ” są powiązane z tagami „ źródło ' oraz ' szerokość ” atrybuty. Atrybut „src” określa adres URL obrazu, a atrybut „width” dostosowuje szerokość obrazu.

Oto kod HTML omówionego powyżej scenariusza:

< dz klasa = 'zdjęcia' >
< dz klasa = 'img-1' >
< img źródło = '/wiosna-obrazy/marguerite-flower.jpg' szerokość = „250” >
< / dz >
< dz klasa = 'img-2' >
< img źródło = '/wiosna-obrazy/kwiat-ga8f105f1d_1920.jpg' szerokość = „250” >
< / dz >
< / dz >

Strona HTML będzie wyglądać następująco:

Przejdźmy do sekcji CSS, aby dodać wiele spacji do „ img-2 ” bez użycia wielu nierozdzielających spacji.

Styl div „obrazy”.

.zdjęcia {
szerokość : 500 pikseli;
margines: automatyczny;
}

.zdjęcia ” służy do uzyskiwania dostępu do elementu div HTML, który zawiera „ zdjęcia ' klasa. Wyjaśnienie powyższych właściwości jest następujące:

  • szerokość ” określa szerokość elementu.
  • margines ” określa przestrzeń wokół boków elementu.

Styl div „img-2”.
Uzyskaj dostęp do elementu div za pomocą „ .img-2 ”:

.img- 2 {
lewy margines: 30px;
}

lewy margines ” nieruchomość z „ 30px ” wartość jest stosowana do elementu HTML div mającego klasę „ img-2 ”. Ta właściwość doda 30 pikseli miejsca po lewej stronie elementu.

Tutaj wynik pokazuje, że drugi obraz jest stosowany z pewną przestrzenią na początku:

Rozwinęliśmy dodawanie spacji tabulacji zamiast używania wielu nierozdzielających spacji”   ”.

Wniosek

W HTML „   ” kod podmiotu jest powszechnie używany do dodawania nierozdzielającej przestrzeni w dokumencie. Aby uniknąć wielokrotnego używania tego kodu jednostki, istnieją inne sposoby dodawania miejsca na tabulatory w dokumencie. Metody te obejmują użycie HTML „

   ”, „      ' elementy, '   lewy margines   ” i wiele innych. Na tym blogu wymieniono kilka sposobów, które pomagają dodawać spacje tabulacji w dokumencie HTML zamiast dodawania wielu „ ” kody podmiotów.