Jak wstawiać spacje w HTML

Autor: Joan Hall
Data Utworzenia: 28 Luty 2021
Data Aktualizacji: 28 Czerwiec 2024
Anonim
how to insert spaces in html
Wideo: how to insert spaces in html

Zawartość

1 Otwórz dokument HTML. Można to zrobić w zwykłym edytorze tekstu, takim jak Notatnik lub TextEdit w systemie Windows. Możesz także użyć edytora plików HTML, takiego jak Adobe Dreamweaver. Aby otworzyć dokument HTML:
  • Przejdź do dokumentu HTML w Eksploratorze (Windows) lub Finderze (macOS).
  • Kliknij prawym przyciskiem myszy żądany dokument HTML.
  • Najedź kursorem na Otwórz za pomocą.
  • Wybierz program, w którym chcesz edytować dokument.
  • 2 Kliknij przestrzeńaby dodać zwykłą spację. Umieść kursor w miejscu, w którym chcesz wstawić spację, a następnie naciśnij klawisz „Spacja”. W języku HTML między słowami pojawi się tylko jedna spacja, nawet jeśli naciśniesz tę spację kilka razy.
  • 3 Wchodzić aby dodać dodatkową przestrzeń. Nazywa się to spacją nierozdzielającą, ponieważ nie pozwala na nową linię.
    • Na przykład, jeśli wpiszesz Cześć wszystkim, między słowami „Cześć” i „Wszyscy!” zostanie wstawiona dodatkowa spacja.
    • Pamiętaj, że zbyt wiele nierozdzielających spacji uniemożliwi przeglądarce łamanie wierszy w odpowiednich miejscach, co utrudnia czytanie tekstu.
    • Możesz również wpisać  aby wstawić spację.
  • 4 Wstawiaj spacje o różnych długościach. Jeśli chcesz wstawić dłuższą spację, użyj jednej z następujących opcji:
    • Dwie spacje - wejść
    • Cztery spacje - wejść
    • Wcięcie (odstępy tabulacji) - wejść
  • Metoda 2 z 3: CSS

    1. 1 Otwórz dokument HTML lub CSS. Kod CSS można wstawić do nagłówka dokumentu HTML lub zapisać jako zewnętrzny plik CSS.
      • Nagłówek dokumentu HTML znajduje się na górze pliku, między znacznikami „head>” i „/ head>”.
    2. 2 Utwórz sekcję stylów dla CSS. Sekcja stylów znajduje się na początku kodu HTML lub w osobnym arkuszu stylów.Użyj poniższych znaczników, aby utworzyć sekcję stylu w dokumencie HTML lub arkuszu stylów.
      • Wchodzić styl>aby otworzyć sekcję stylu. Cały kod CSS zostanie umieszczony po tym tagu.
      • Wchodzić / styl>aby zamknąć sekcję stylu. Wszystkie CSS muszą być umieszczone przed tym tagiem końcowym.
    3. 3 Wprowadź następujący znacznik w sekcji stylu:p {wcięcie-tekst: 5em;} To mówi przeglądarce, aby wciąć go o 5 spacji (w poprawnym kodzie HTML).
      • Aby ustawić liczbę spacji, zmień liczbę po „indent-text:”.
      • Element „em” pasuje do jednej spacji o określonym rozmiarze czcionki. Można użyć innych jednostek, takich jak procent („Tekst wcięcia: 15%;”) lub milimetry („Tekst wcięcia: 3 mm;”).
    4. 4 Wchodzić p> gdzie chcesz dodać wcięcie. Zrób to wewnątrz dokumentu HTML, w którym chcesz wykonać wcięcie. Tekst zostanie wcięty zgodnie ze specyfikacją CSS.

    Metoda 3 z 3: Tekst wstępnie sformatowany

    1. 1 Otwórz dokument HTML. Można to zrobić w zwykłym edytorze tekstu, takim jak Notatnik lub TextEdit w systemie Windows. Możesz także użyć edytora plików HTML, takiego jak Adobe Dreamweaver. Aby otworzyć dokument HTML:
      • Przejdź do dokumentu HTML w Eksploratorze (Windows) lub Finderze (macOS).
      • Kliknij prawym przyciskiem myszy żądany dokument HTML.
      • Najedź kursorem na Otwórz za pomocą.
      • Wybierz program, w którym chcesz edytować dokument.
    2. 2 Wchodzić pre> przed tekstem, który chcesz wstępnie sformatować. To jest tag otwierający wstępnie sformatowany tekst.
    3. 3 Wprowadź tekst zgodnie z przeznaczeniem po tagu „pre>”. Podczas wstępnego formatowania tekstu wszelkie spacje i podziały wierszy utworzone przez naciśnięcie klawisza Enter zostaną wyświetlone na stronie HTML.
    4. 4 Wchodzić / pre> na końcu tekstu. To jest tag zamykający wstępnie sformatowany tekst.

    Porady

    • Jeśli przeglądarka wyświetla spacje jako niezrozumiałe znaki, najprawdopodobniej jest to spowodowane dodatkowymi danymi; są one przechowywane w formacie edytora tekstu i nie są wyświetlane na ekranie. Aby tego uniknąć, pracuj w zwykłym edytorze tekstu, takim jak Notatnik lub TextEdit.
    • CSS to znacznie potężniejszy i bardziej przewidywalny sposób tworzenia układu strony internetowej, w tym odstępów między wyrazami.
    • Spacja nierozdzielająca jest przykładem encji znakowej; jest to kod odnoszący się do znaku, którego nie można wprowadzić z klawiatury.

    Ostrzeżenia

    • Symbol HTML dla Karta (tabulatory) nie działa w sposób, w jaki myśli wiele osób. W zwykłym pliku HTML nie ma tabulatorów, więc wpisanie tego znaku nic nie da.
    • Wpisz kod HTML w edytorze kodu lub w zwykłym pliku tekstowym, a nie w potężnym edytorze tekstu.