3 sposoby wstawiania spacji w HTML

Spisu treści:

3 sposoby wstawiania spacji w HTML
3 sposoby wstawiania spacji w HTML

Wideo: 3 sposoby wstawiania spacji w HTML

Wideo: 3 sposoby wstawiania spacji w HTML
Wideo: How to Open a RPT File on PC 2024, Listopad
Anonim

Ten wikiHow uczy, jak wstawiać spacje i podziały wierszy w HTML. Ponieważ po wielokrotnym naciśnięciu spacji utworzysz tylko jedną spację w kodzie HTML, musisz użyć znaczników HTML, aby wstawić więcej niż jedną spację naraz.

Krok

Metoda 1 z 3: Używanie kodu HTML

Wstaw spacje w HTML Krok 1
Wstaw spacje w HTML Krok 1

Krok 1. Otwórz dokument HTML

Dokumenty HTML można edytować za pomocą programu do edycji tekstu, takiego jak Notatnik lub TextEdit w systemie Windows. Możesz także użyć edytora HTML, takiego jak Adobe Dreamweaver. Wykonaj poniższe czynności, aby otworzyć dokument HTML.

  • Wyszukaj dokumenty HTML w Eksploratorze plików na komputerze z systemem Windows (lub Finderze na komputerze Mac).
  • Kliknij prawym przyciskiem myszy dokument HTML, który chcesz edytować.
  • Najedź na opcję „ Otwierać z ”.
  • Kliknij program, którego chcesz użyć do edycji pliku.
Wstaw spacje w HTML Krok 2
Wstaw spacje w HTML Krok 2

Krok 2. Naciśnij klawisz spacji, aby dodać zwykłą spację

Aby dodać zwykłą spację, kliknij miejsce, w którym chcesz wstawić spację, i naciśnij spację na klawiaturze. Zwykle HTML wyświetla tylko jedną spację między słowami, niezależnie od tego, ile razy naciśniesz spację.

Image
Image

Krok 3. Wpisz, aby wymusić dodanie spacji na końcu

Wynikowy kod jest znany jako spacja nierozdzielająca lub stała, ponieważ zapobiega dzieleniu linii w miejscu, w którym znajduje się kod.

  • Na przykład wpisz Witam wszystkich! aby wstawić dodatkową spację między słowami „Hello” i „everyone!”
  • Jeśli nadużywasz tych znaków, Twoja przeglądarka będzie miała trudności z wstawianiem łamów wierszy w zgrabny i łatwy do odczytania sposób.
  • Możesz także wpisać, aby wymusić wstawienie spacji.
Image
Image

Krok 4. Wstawiaj spacje o różnych szerokościach

Możesz dodać dłuższą spację, korzystając z jednej z następujących opcji:

  • Dwie spacje – Typ
  • Cztery spacje – Typ
  • Wcięcie – Typ

Metoda 2 z 3: Używanie kodu CSS

Wstaw spacje w HTML Krok 5
Wstaw spacje w HTML Krok 5

Krok 1. Otwórz dokument HTML lub CSS

Kod CSS można zastosować do nagłówka dokumentu HTML lub zapisać jako zewnętrzny dokument CSS.

Nagłówek dokumentu HTML znajduje się na początku pliku. Ta sekcja znajduje się między znakami „” i „”

Image
Image

Krok 2. Utwórz segment stylu dla kodu CSS

Segment stylu należy dodać na początku kodu HTML lub w osobnym arkuszu stylów. Użyj poniższych flag, aby utworzyć segmenty stylów w dokumentach HTML lub oddzielnych arkuszach stylów.

  • Wpisz, aby otworzyć segment stylów. Cały kod CSS należy dodać po tym znaku.
  • Wpisz, aby zamknąć segment stylu. Cały kod CSS należy wprowadzić przed tym znacznikiem zamykającym.
Image
Image

Krok 3. Wpisz w segmencie stylu: p {text-indent: 5em;}. Ta flaga nakazuje przeglądarce wcięcie pięciu spacji po dodaniu do odpowiedniego kodu HTML.

  • Możesz dostosować liczbę lub szerokość spacji, wpisując inną liczbę po kodzie „text-indent:”.
  • Jednostka „em” odpowiada jednej spacji przy określonym lub odpowiednim rozmiarze czcionki. Możesz użyć innych jednostek, takich jak procenty (np. " wcięcie tekstu: 15%; ") lub jednostki długości (np. " wcięcie tekstu: 3 mm; ").
Image
Image

Krok 4. Tikka

na części, w którą chcesz wykonać wcięcie.

Ten znak należy dodać do treści kodu HTML, przed tekstem, do którego chcesz wprowadzić wcięcie. Następnie do tekstu zostanie dodane wcięcie zgodnie ze specyfikacją określoną w kodzie CSS.

Metoda 3 z 3: Używanie wstępnie sformatowanego tekstu

Wstaw spacje w HTML Krok 9
Wstaw spacje w HTML Krok 9

Krok 1. Otwórz dokument HTML

Dokumenty HTML można edytować za pomocą programu do edycji tekstu, takiego jak Notatnik lub TextEdit w systemie Windows. Możesz także użyć edytora HTML, takiego jak Adobe Dreamweaver. Wykonaj poniższe czynności, aby otworzyć dokument HTML.

  • Wyszukaj dokumenty HTML w Eksploratorze plików na komputerze z systemem Windows (lub Finderze na komputerze Mac).
  • Kliknij prawym przyciskiem myszy dokument HTML, który chcesz edytować.
  • Najedź na opcję „ Otwierać z ”.
  • Kliknij program, którego chcesz użyć do edycji pliku.
Image
Image

Krok 2. Wpisz

przed tekstem, który chcesz wstępnie sformatować.

Kod jest wstępnie sformatowanym tokenem otwierającym tekst.

Image
Image

Krok 3. Wpisz żądany tekst po „

".

W przypadku wstępnego formatowania wszystkie spacje i podziały wierszy utworzone za pomocą klawisza „ Enter” zostaną wyświetlone na stronie HTML.

Image
Image

Krok 4. Wpisz po tekście.

Wstępnie sformatowany segment tekstu zostanie zakończony.

Porady

  • Jeśli wstawione miejsce wyświetla w przeglądarce dziwne symbole, możliwe, że jest to spowodowane dodatkowymi danymi w formacie programu do przetwarzania tekstu, który nie powinien być wyświetlany w Internecie. Możesz zapobiec pojawianiu się symbolu, wpisując kod w programie do edycji zwykłego tekstu, takim jak Notatnik lub TextEdit.
  • CSS to bardziej wyrafinowany i przewidywalny język arkuszy stylów do projektowania elementów na stronach internetowych, w tym odstępów między tekstami.
  • Stała spacja (spacja niełamliwa)
  • jest przykładem encji znakowej, kodu, który odnosi się do znaku, którego nie można wpisać za pomocą klawiatury.

Ostrzeżenie

  • Znaki HTML dla Tab

  • nie działa tak, jak można by się spodziewać. Standardowe dokumenty HTML nie mają znaków tabulacji, więc te znaki nie będą działać.
  • Zawsze pisz kod HTML w edytorze kodu lub zwykłym pliku tekstowym, a nie w formacie pliku tekstowego (np. Word).

Zalecana: