Cara menyisipkan spasi di HTML

Pengarang: Joan Hall
Tanggal Pembuatan: 28 Februari 2021
Tanggal Pembaruan: 28 Juni 2024
Anonim
Cara Mudah Membuat tag br (enter) dan   (spasi) HTML
Video: Cara Mudah Membuat tag br (enter) dan   (spasi) HTML

Isi

1 Buka dokumen HTML. Ini dapat dilakukan di editor teks biasa seperti Notepad atau TextEdit di Windows. Anda juga dapat menggunakan editor file HTML seperti Adobe Dreamweaver. Untuk membuka dokumen HTML:
  • Navigasikan ke dokumen HTML di Explorer (Windows) atau Finder (macOS).
  • Klik kanan pada dokumen HTML yang diinginkan.
  • Arahkan kursor ke Buka Dengan.
  • Pilih program di mana Anda ingin mengedit dokumen.
  • 2 Klik ruang angkasauntuk menambahkan ruang biasa. Tempatkan kursor di tempat Anda ingin menyisipkan spasi, lalu tekan tombol "Spasi". Dalam HTML, hanya satu spasi yang akan muncul di antara kata-kata, meskipun Anda menekan spasi beberapa kali.
  • 3 Memasuki untuk menambah ruang ekstra. Disebut ruang tanpa putus karena tidak memungkinkan adanya baris baru.
    • Misalnya, jika Anda memasukkan Halo semuanya, antara kata "Halo" dan "semuanya!" ruang tambahan akan dimasukkan.
    • Perlu diingat bahwa terlalu banyak spasi non-breaking akan mencegah browser membuat jeda baris di tempat yang tepat, membuat teks sulit dibaca.
    • Anda juga bisa masuk  untuk menyisipkan spasi.
  • 4 Sisipkan spasi dengan panjang yang berbeda. Jika Anda ingin menyisipkan ruang yang lebih panjang, gunakan salah satu opsi berikut:
    • Dua spasi - memasuki
    • Empat spasi - memasuki
    • Indentasi (Penspasian Tab) - memasuki
  • Metode 2 dari 3: CSS

    1. 1 Buka dokumen HTML atau CSS. Kode CSS dapat dimasukkan ke dalam kepala dokumen HTML atau disimpan sebagai file CSS eksternal.
      • Kepala dokumen HTML berada di bagian atas file, di antara tag "head>" dan "/ head>".
    2. 2 Buat bagian gaya untuk CSS. Bagian gaya terletak di awal kode HTML atau di lembar gaya terpisah.Gunakan tag berikut untuk membuat bagian gaya dalam dokumen HTML atau lembar gaya.
      • Memasuki gaya>untuk membuka bagian gaya. Semua kode CSS akan mengikuti tag ini.
      • Memasuki / gaya>untuk menutup bagian gaya. Semua CSS harus ditempatkan sebelum tag akhir ini.
    3. 3 Masukkan tag berikut di bagian gaya:p {teks indentasi: 5em;} Ini memberitahu browser untuk membuat indentasi sebanyak 5 spasi (dalam HTML yang benar).
      • Untuk mengatur jumlah spasi, ubah angka setelah "indent-text:".
      • Elemen "em" cocok dengan satu spasi dengan ukuran font yang ditentukan. Satuan lain dapat digunakan, seperti persen ("Teks indentasi: 15%;") atau milimeter ("Teks indentasi: 3mm;").
    4. 4 Memasuki p> di mana Anda ingin menambahkan lekukan. Lakukan ini di dalam dokumen HTML tempat Anda ingin membuat indentasi. Teks akan diindentasi sesuai dengan spesifikasi CSS.

    Metode 3 dari 3: Teks terformat

    1. 1 Buka dokumen HTML. Ini dapat dilakukan di editor teks biasa seperti Notepad atau TextEdit di Windows. Anda juga dapat menggunakan editor file HTML seperti Adobe Dreamweaver. Untuk membuka dokumen HTML:
      • Navigasikan ke dokumen HTML di Explorer (Windows) atau Finder (macOS).
      • Klik kanan pada dokumen HTML yang diinginkan.
      • Arahkan kursor ke Buka Dengan.
      • Pilih program di mana Anda ingin mengedit dokumen.
    2. 2 Memasuki pra> sebelum teks yang ingin Anda format sebelumnya. Ini adalah tag pembuka untuk teks yang telah diformat sebelumnya.
    3. 3 Masukkan teks sebagaimana dimaksud setelah tag "pra>". Saat memformat teks sebelumnya, spasi dan jeda baris apa pun yang dibuat dengan menekan Enter akan ditampilkan di halaman HTML.
    4. 4 Memasuki / sebelum> di akhir teks. Ini adalah tag penutup untuk teks yang telah diformat sebelumnya.

    Tips

    • Jika browser menampilkan spasi sebagai karakter yang tidak dapat dipahami, kemungkinan besar ini karena data tambahan; mereka disimpan dalam format pengolah kata dan tidak ditampilkan di layar. Untuk menghindarinya, gunakan editor teks biasa seperti Notepad atau TextEdit.
    • CSS adalah cara yang jauh lebih kuat dan dapat diprediksi untuk membuat tata letak halaman web, termasuk spasi kata.
    • Sebuah ruang non-breaking adalah contoh dari entitas karakter; itu adalah kode yang mengacu pada karakter yang tidak dapat dimasukkan dari keyboard.

    Peringatan

    • Simbol HTML untuk Tab (tab) tidak berfungsi seperti yang dipikirkan banyak orang. Tidak ada perhentian tab dalam file HTML biasa, jadi memasukkan karakter ini tidak akan menghasilkan apa-apa.
    • Masukkan HTML dalam editor kode atau file teks biasa daripada editor teks yang kuat.