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
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.
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ę.
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.
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
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 „”
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.
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; ").
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
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.
Krok 2. Wpisz
przed tekstem, który chcesz wstępnie sformatować.
Kod jest wstępnie sformatowanym tokenem otwierającym tekst.
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.
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).