Space zakładek zamiast wielu nieistotnych przestrzeni ?

W tworzeniu stron internetowych przestrzenie są dodawane w dokumentach HTML, wykorzystując „„Kod encji, który jest również określany jako przestrzeń nie przełomowa. W niektórych przypadkach wymagane jest dodanie wielu nie do przełomowych przestrzeni w dokumencie, takim jak Tab Space,. Dlatego wiele kodów „encji” może wpływać na sekwencję kodu i schludność dokumentu.

Aby rozwiązać te problemy, istnieje kilka innych sposobów uwzględnienia wielu nieistotnych przestrzeni w dokumencie HTML, takich jak „

”,„„Elementy, CSS”margines lewic”,„Padding-Left„Właściwości i wiele innych. 
 
To badanie cię nauczy:
 
 
Jak dodać przestrzenie za pomocą kodu encji „”?
 
Jak dodać przestrzeń zakładki za pomocą elementu „” HTML?
 
Jak dodać przestrzeń zakładki za pomocą HTML "
" Element?
 
Jak dodać przestrzeń zakładki za pomocą właściwości CSS „marginesa”?
 
 
Najpierw przejdziemy przez przykład, który implementuje „„Aby dodać przestrzenie w dokumencie HTML. Następnie stopniowo przejrzyj ilustracje, aby zademonstrować różne metody dodania przestrzeni Tab. 
 
Jak dodać przestrzenie za pomocą kodu encji „” w HTML?
 
Aby dodać przestrzenie za pomocą „”Na stronie HTML wykonaj podane kroki:
 
 
Dodaj element DIV i przypisz go klasę „artykuł". 
 
Następnie umieść „
„Element do nagłówka.
 
Następnie dodaj „
„Element do dodania akapitu. Na początku akapitu przestrzenie są dodawane, wskazując kod encji „”:
 
 
Wiedza to potęga

     Wiedza to władza oznacza, że ​​wykształcony człowiek ma pełną kontrolę nad swoim życiem dzięki sile wiedzy. 

 
Można zauważyć, że przestrzenie zostały pomyślnie dodane na początku akapitu:
  
Jak dodać przestrzeń zakładki za pomocą elementu „” HTML?
 
HTML "”To element wbudowany, który jest wykorzystywany do oznaczenia części dokumentu. W trwającym przykładzie dodaliśmy element do „patka" ID. Ten element jest stylizowany w CSS, aby produkować przestrzeń:
 
Wiedza to potęga

  Wiedza to władza oznacza, że ​​wykształcony człowiek ma pełną kontrolę nad swoim życiem dzięki sile wiedzy.

 
Styl „artykuł” div
 .artykuł 
Margines: Auto;
szerokość: 400px;
Wyściółka: 10px;
 
„„.artykuł”Służy do dostępu do„„Tagi, które są następnie stosowane z następującymi właściwościami:
 
 
"szerokość„Właściwość określa szerokość elementu.
 
"margines„Właściwość określa wysokość elementu.
 
"wyściółka„Generuje przestrzeń wokół treści elementu.
 
 
Identyfikator stylu „Tab”
 #tab 
Padding-Left: 8px;
 
„„#patka" Uzyskać dostęp do "patka„Identyfikator elementu i zastosuj„Padding-Left„ODNIESIENIE.
 
Wyjście 
 
 
Jak dodać przestrzeń zakładki za pomocą HTML "
" Element?
 
„„
„Element definiuje tekst wstępnie uformowany. Tekst w obrębie 
 element jest wyświetlany na stronie internetowej.
 
Przegląd przykładu, najpierw tworząc stronę HTML:
 
 
Dodaj "
„Element, aby ustawić nagłówek poziomu drugiego na dokument.
 
Następnie dodaj „
”Tag i określ treść z pożądanym formatowaniem:
 
 
HTML Pre Tag


funkcja funkcji (P1, P2) 
zwrócić p1 * p2;

 
Wyjście
 
 
Jak dodać przestrzeń zakładki za pomocą właściwości CSS „marginesa”?
 
Aby dodać przestrzeń zakładki za pomocą CSS ”margines lewic„Własność, postępuj zgodnie z przewidywaną procedurą:
 
 
Najpierw dołącz element DIV do dokumentu i przypisz go klasę „obrazy". 
 
Wewnątrz tego elementu DIV dodaj kolejne dwa elementy DIV wraz z klasą „IMG-1" I "IMG-2Odpowiednio.
 
Każdy z tych dwóch elementów DIV zawiera obrazy określone za pomocą „”Tag. 
 
Te "”Tagi są powiązane z„src" I "szerokość”Atrybuty. Atrybut „SRC” określa adres URL obrazu, a atrybut „szerokość” dostosowuje szerokość obrazu. 
 
 
Oto kod HTML wyżej wymyślonego scenariusza:
 






 
Strona HTML będzie wyglądać tak:
 
 
Przejdźmy do sekcji CSS, aby dodać wiele przestrzeni do „IMG-2”Klasa bez użycia wielu nieistotnych przestrzeni.
 
Styl „obrazy” div
 .obrazy 
szerokość: 500px;
Margines: Auto;
 
„„.obrazy”Służy do uzyskania dostępu do HTML Div, która zawiera„obrazy" klasa. Wyjaśnienie wyżej wymienionych nieruchomości jest następujące:
 
 
"szerokość„Właściwość określa szerokość elementu.
 
"margines„Własność określa przestrzeń wokół boków elementu.
 
 
Styl „IMG-2” div
Uzyskaj dostęp do elementu DIV za pomocą „.IMG-2”:
 .IMG-2 
margines lewica: 30px;
 
„„margines lewic„Nieruchomość z„30px„Wartość jest stosowana do elementu HTML Div z klasą”IMG-2". Ta właściwość doda przestrzeń 30px po lewej stronie elementu.
 
W tym wyniku pokazuje, że drugi obraz jest stosowany z pewnym miejscem na początku:
  
Opracowaliśmy dodawanie przestrzeni Tab zamiast używania wielu nieistotnych przestrzeni ”".
 
Wniosek
 
W HTML „The”„Kod encji jest powszechnie wykorzystywany do dodawania nieistotnej przestrzeni w dokumencie. Aby wiele razy unikać korzystania z tego kodu encji, istnieją inne sposoby dodania miejsca na zakładce w dokumencie. Metody te obejmują zastosowanie HTML ”
”,„" elementy, "margines lewic„Nieruchomość i wiele innych. W tym blogu wspomniano o kilku sposobach dodania przestrzeni zakładki w dokumencie HTML zamiast dodawania wielu kodów „encji”.