Tab ruang alih-alih beberapa ruang tanpa putus (“nbsp”)?

959

Apakah mungkin memasukkan karakter tab dalam HTML daripada harus mengetik  empat kali?

html Roch
sumber
21
Saya merasa terbantu jika menggunakan <PRE> saat menggunakan tab mulple time di awal baris (misalnya saat qouting kode C)
Guy Kovel
Sebuah TABkarakter ... untuk melakukan apa?
Michel de Ruiter
Anda dapat menetapkan tag Anda sendiri <tab>, lalu gunakan fungsi jQuery pada readyuntuk mengganti atau membungkusnya dengan jumlah ruang setara yang diinginkan.
Khaled.K
Jika Anda benar-benar membutuhkan tab, cobalahwhite-space
Buksy
6
FYI - Jika 4x statis &nbsp;(atau satu &emsp;) tidak memotongnya dan Anda ingin mereka berbaris ke kolom "4 spasi" berikutnya, seperti yang dilakukan tab, (yang mungkin berarti kadang-kadang 0 atau 1 atau 2 atau 3 spasi untuk berbaris) .. seperti misalnya .. di katakanlah, beberapa editor teks .. Sayangnya, Anda tidak dapat menggunakan HTML ... tanpa <table>s ... dan juga, menggunakan sejumlah ruang untuk mencoba meretasnya ... akan memerlukan font tetap .... Saya pikir sebagian besar masalah terletak antara perlunya font tetap dan bahwa HTML suka menghapus spasi.
Pimp Trizkit

Jawaban:

582

Jauh lebih bersih untuk menggunakan CSS. Coba padding-left:5ematau yang margin-left:5emsesuai sebagai gantinya.

Alohci
sumber
13
@Alohci Padding IMHO dengan CSS tidak begitu baik karena ketika Anda akan memperbesar teks di browser ukuran teks akan meningkat tetapi tidak padding AFAIK.
AlexV
16
@AlexV - Jika Anda menggunakan emsebagai dimensi, seperti yang saya lakukan, itu harus diperluas dengan ukuran teks. Bahkan jika Anda tidak melakukannya, itu akan tergantung pada sifat mekanisme zoom yang digunakan.
Alohci
2
@DavidThielen - HTML 3, di mana elemen TAB muncul adalah non-starter dengan pembuat browser, dan elemen TAB tidak pernah diimplementasikan. Sebaliknya, HTML 3.2 dibuat yang agak sederhana dan yang diterapkan sebagai gantinya.
Alohci
2
@Eoin - memang. Yaitu apa yang benar-benar Anda inginkan dalam hal ini adalah tab stops . Tapi bukan itu yang ditanyakan OP. OP meminta penggantian untuk beberapa ruang tanpa putus berurutan, yang juga tidak akan berbaris. CSS memiliki tab-sizeproperti yang benar-benar Anda inginkan, tetapi dukungan browsernya tidak menentu. Gagal itu, tata letak meja atau mungkin flexbox adalah taruhan terbaik Anda.
Alohci
5
ini tidak menjawab pertanyaan. jawaban di bawah ini oleh kristian membahas masalah yang diposting pengguna
Pranavan Maru
1265

Itu tergantung pada set karakter yang ingin Anda gunakan.

Tidak ada entitas tab didefinisikan dalam ISO-8859-1 HTML - tetapi ada beberapa karakter spasi selain &nbsp;seperti &thinsp;, &ensp;, dan &emsp;.

Di ASCII, &#09;adalah tab.

Berikut adalah daftar lengkap entitas HTML dan diskusi yang bermanfaat tentang ruang kosong di Wikipedia .

orang kristen
sumber
2
Apa perbedaan antara &ensp;dan &emsp;? Saya diuji, keduanya memiliki ruang yang persis sama ..!
Shafizadeh
3
Saus rahasia untuk membuat & # 09; muncul sebagai ruang tab dalam HTML adalah definisi CSS white-space. <p style = "display: inline-block; white-space: pre-wrap;"> & # 09; ¡Muy bien! Tabbing berfungsi untuk saya dalam bahasa Spanyol & Inggris </p>. white-space: pre; juga berfungsi. Anda juga dapat menggunakan tag "tab" <tab /> bersama dengan CSS :: before tab Selector :: before {content: "\ 0009";} tetapi itu tidak muncul sebagai tab saat menyorot, memotong dan menempelkan .
Jules Bartow
3
@Shafizadeh Dari spesifikasi W3 : ruang en adalah setengah ukuran titik dan ruang em sama dengan ukuran titik font saat ini. &emsp;sedikit lebih besar. Saya bisa melihat perbedaannya di Chrome 64 dan FireFox 58.
Dmitry
Sedang mencari ini ketika membangun permintaan concat () besar di MySQL untuk digunakan dalam Crystal Report. ASCII (& # 09;) melakukan pekerjaan dengan sempurna!
Mike D Wakelyn
Ini yang saya cari. Saya telah membuat beberapa judul menggunakan atribut justify baris terakhir, tapi saya tidak ingin beberapa dari mereka pecah. The & ENT; mencegah itu.
Alex Banman
195

& emsp; adalah jawabannya.

Namun, mereka tidak akan berfungsi seperti yang Anda harapkan jika Anda terbiasa menggunakan tabulasi horizontal dalam pengolah kata misalnya Word, Wordperfect, Open Office, Wordworth, dll. Mereka lebar tetap, dan mereka tidak dapat dikustomisasi.

CSS memberi Anda kontrol yang jauh lebih besar dan memberikan alternatif hingga W3C memberikan solusi resmi.

Contoh:

padding-left:4em

..atau..

margin-left:4em

..sewajarnya

Itu tergantung pada set karakter yang ingin Anda gunakan.

Anda dapat mengatur beberapa tag tab dan menggunakannya mirip dengan bagaimana Anda akan menggunakan tag h.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

... dan gunakan seperti itu:

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>
Luaskan cuplikan

Jalankan cuplikan di atas untuk melihat contoh visual.

Diskusi ekstra

Tidak ada entitas tabulasi horizontal yang didefinisikan dalam ISO-8859-1 HTML, namun ada beberapa karakter spasi putih lain yang tersedia daripada yang biasa &nbsp, misalnya; &thinsp;, &ensp;dan yang disebutkan di atas &emsp;.

Perlu juga disebutkan bahwa dalam ASCII dan Unicode, &#09;adalah tabulasi horizontal.

WonderWorker
sumber
2
Ini bukan valid XHTMLmenurut validator W3
Buksy
Itu hanya setengah benar, karena & emsp; benar mark-up W3C benar. Tetapi Anda jelas merujuk pada contoh CSS yang menguntungkan. Dalam hal ini, kami menggunakan tag khusus, yang merupakan mark-up baru dan bukan bagian dari set W3C. Validator W3C ketat pada tingkat selalu menandai tag kustom sebagai kesalahan. Terserah Anda mana yang lebih penting. Sudah waktunya kita mendapatkan penuntutan resmi yang layak dari tab yang ditambahkan ke set mark-up Html. Semoga ini membantu.
WonderWorker
2
Saya menggunakan ini dalam kasus untuk header JTable Swing dengan nilai String dan karakter tipe panah HTML, di mana saya membutuhkan karakter ini sebagai pemisah. Bagus sekali! Terima kasih!
Blake Neal
2
"Anehnya, tidak ada tab horizontal di html" Tidak semua yang aneh karena pemformatan secara konsisten telah pindah dari html ke css, dan tab bukan elemen visual hanya elemen pemformatan, tetapi jawaban yang baik dan dijelaskan dengan baik
MikeT
75

Di bawah ini adalah 3 cara berbeda yang disediakan oleh HTML untuk memasukkan ruang kosong

  1. Tipe &nbsp; untuk menambahkan satu ruang.
  2. Tipe &ensp; untuk menambahkan 2 spasi.
  3. Ketik &emsp;untuk menambahkan 4 spasi.
sanjeev51
sumber
3
Tambahkan saja ;juga. Seperti&nbsp;
Amio.io
2
Jawaban ini sebenarnya menjawab pertanyaan itu. Bodoh sekali bagaimana jawaban CSS ditandai sebagai jawaban.
Mani
@Mani Pertanyaan diajukan pada 2009 dan jawaban yang diterima adalah dari 2009. Jawaban ini ditambahkan pada 2018 .. Ketika Anda melihatnya seperti itu, itu tidak bodoh.
ᴛʜᴇᴘᴀᴛᴇʟ
@ ᴛʜᴇᴘᴀᴛᴇʟ Lupakan jika ini benar-benar menjawab pertanyaan atau tidak tetapi yang ditandai tidak menjawab dengan tepat adalah poin yang saya coba buat.
Mani
Ini adalah jawaban yang tepat. Terima kasih!
Ariel Monaco
67

Mencoba &emsp;

Ini setara dengan empat &nbsp;s.

Abhishek Goel
sumber
Sebenarnya bukan jawaban yang benar seperti w3.org/MarkUp/html3/specialchars.html . jelas mengatakan itu tergantung pada jenis font yang digunakan, juga ruang em sama dengan ukuran titik font saat ini, dan ruang em setara dengan dua karakter ruang
le0diaz
52

Sebenarnya tidak ada cara mudah untuk memasukkan banyak spasi di dalam (atau di tengah) paragraf. Mereka yang menyarankan Anda menggunakan CSS tidak ada gunanya. Anda mungkin tidak selalu berusaha membuat indentasi paragraf dari samping tetapi, pada kenyataannya, mencoba untuk menempatkan spasi tambahan di tempat tertentu.

Intinya, dalam hal ini, spasi menjadi konten dan bukan gaya. Saya tidak tahu mengapa begitu banyak orang tidak melihat itu. Saya kira kekakuan yang mereka coba untuk menegakkan pemisahan gaya dan aturan konten (HTML dirancang untuk melakukan keduanya dari awal - tidak ada yang salah dengan sesekali mendefinisikan gaya yang unik elemen menggunakan tag yang sesuai tanpa harus menghabiskan lebih banyak waktu untuk membuat style sheet CSS dan sama sekali tidak ada yang tidak dapat dibaca tentang itu ketika digunakan dalam jumlah sedang. Ada juga sesuatu yang bisa dikatakan untuk dapat melakukan sesuatu dengan cepat.) gaya dan lekukan.

Dan ketika tidak ada cara anggun untuk menyisipkan spasi tanpa harus bergantung pada &emsp;dan memberi &nbsp;tag, saya berpendapat bahwa kode yang dihasilkan menjadi jauh lebih sulit dipahami daripada jika ada tag dengan nama yang tepat yang akan memungkinkan Anda untuk dengan cepat memasukkan sejumlah besar ruang (atau jika, Anda tahu, ruang tidak dikonsumsi secara tidak perlu di tempat pertama).

Karena, seperti yang dikatakan di atas, taruhan terbaik Anda adalah menggunakan &emsp;untuk memasukkan di tempat yang benar.

GonzoKnight
sumber
1
HTML tidak dirancang dari awal untuk ditata secara khusus.
Markus Unterwaditzer
Sukai poin Anda tentang bagaimana lekukan tidak selalu seperti yang diinginkan orang!
Program Redwolf
46

Lebih baik menggunakan tag pra . The pre tag mendefinisikan terformat teks.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

tahu lebih banyak tentang tag pra di tautan ini

Srikanth Muttavarapu
sumber
1
@HuzaifaSaifuddin apa maksudmu? <pre>adalah standar dalam HTML5 dengan perilaku yang sama seperti di HTML4.
Sumit
Saya minta maaf saya tidak tahu. Saya menulis itu .. Saya setuju dengan apa yang Anda katakan..Maaf untuk Info yang salah
Huzaifa Saifuddin
Saya memformat output untuk ditempelkan ke spreadsheet, dan ini memungkinkan saya untuk memasukkan karakter untuk melakukan tab. Jelas jawaban saya. Bagus
Craig Brett
1
Ini adalah pilihan IMHO terbaik. Selain itu, kami dapat menerapkan definisi gaya pada <pre>, sehingga kami dapat memiliki font 'monospace' yang benar jika diperlukan. Contoh: pre {font-family: "Lucida Console", Monako, monospace; ukuran font: 90%; }
reverpie
41

Saya menemukan ini ketika mencari metode dan akhirnya mencari tahu saya sendiri yang tampaknya bekerja dengan mudah untuk apa yang diinginkan. Saya baru memposting di sini jadi saya harap ini berhasil ... Tetapi dapatkan ini di CSS:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

Kemudian di HTML Anda, jadikan ini "tab panjang" di tengah kalimat seperti yang saya butuhkan:

<span class="tab"></span>

Menghemat dari jumlah &nbsp;atau &emsp;yang Anda butuhkan.

Semoga ini bisa membantu seseorang, tepuk tangan!

rampok
sumber
3
Ini akan menambahkan 80px ke kiri dan 80px di sebelah kanan spantag, bukan tab.
mcont
Masih respons yang cerdas karena Anda hanya menambahkan sedikit markup sambil memungkinkan CSS melakukan penataan.
invot
9

Jika spasi menjadi yang penting, mungkin lebih baik untuk menggunakan teks terformat dan <pre> tag.

pavium
sumber
OP tidak terlalu khusus tentang spasi putih, hanya bertanya tentang cara pintas untuk banyak &nbsp;. Meminta <pre>tag akan membuat banyak pekerjaan ekstra.
isomorfisma
Untuk menghindari font monospace, gunakan css "white-space: pre-wrap"
hultqvist
Spasi bukan that importantsesuatu. Itu adalah fakta kehidupan.
Program Redwolf
9

Jika Anda ingin membuat indentasi kalimat pertama dalam sebuah paragraf, Anda bisa melakukannya dengan trik CSS kecil:

p:first-letter {
    margin-left: 5em;
}
peirix
sumber
Ya. Itu juga akan berhasil. Hanya ingat untuk memakainya :first-letterjika intinya hanya indentasi kalimat pertama.
peirix
9

Tag <tab> tidak pernah berhasil masuk ke browser, meskipun diperkenalkan dalam HTML3. Saya selalu berpikir itu sangat disayangkan karena hidup akan jauh lebih mudah dalam banyak keadaan jika kita memilikinya tersedia untuk kita. Tetapi Anda dapat dengan mudah memperbaiki ini untuk memberi Anda tag <tab> palsu. Tambahkan yang berikut di kepala HTML Anda atau yang lain (tanpa tag gaya) ke dalam CSS Anda:

<style>
    tab { padding-left: 4em; }
</style>

Sejak saat itu, ketika Anda membutuhkan tab di dokumen Anda, letakkan <tab> di sana. Ini bukan tab yang benar karena tidak selaras dengan tanda-tab, tetapi berfungsi untuk sebagian besar kebutuhan, tanpa harus bermain-main dengan entitas karakter yang canggung atau bentang. Itu membuatnya sangat mudah untuk memeriksa sumber Anda, dan mudah untuk memformat hal-hal sederhana di mana Anda tidak ingin pergi ke kerumitan tabel atau "solusi" yang lebih kompleks.

Salah satu aspek bagus dari solusi ini adalah Anda dapat melakukan pencarian cepat / mengganti dokumen teks untuk mengganti semua TAB dengan tag <tab>.

Anda mungkin dapat mendefinisikan banyak TAB posisi absolut sejati, lalu gunakan tab yang sesuai (mis. <tab2> atau <tab5> atau apa pun) di mana diperlukan, tetapi saya belum menemukan cara untuk melakukannya tanpa membuat baris berikutnya .

pengguna1388236
sumber
7

Anda bisa menggunakan tabel dan menerapkan widthatribut ke yang pertama <td>.

Kode:

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

Hasil

Content1       Content2
Content3       Content4
mangkokorix
sumber
Terima kasih!! Ini adalah solusi terbaik dan paling umum untuk situasi di mana CSS tidak mungkin.
John Henckel
6

Saya telah menggunakan rentang dengan penataan garis. Saya harus melakukan ini karena saya sedang memproses string teks biasa dan perlu mengganti \ t dengan 4 spasi (appx). Saya tidak bisa menggunakan&nbsp; lebih lanjut dalam proses mereka ditafsirkan sehingga markup akhir memiliki ruang non-konten.

HTML:

<span style="padding: 0 40px">&nbsp;</span>

Saya menggunakannya dalam fungsi php seperti ini:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);
Gordy
sumber
6

Jika Anda hanya membutuhkan satu tab, yang berikut ini berfungsi untuk saya.

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

dengan HTML sesuatu seperti:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p>

Anda dapat menambahkan lebih banyak "tab" dengan menambahkan gaya "tab" tambahan dan mengubah HTML seperti:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

dengan HTML sesuatu seperti:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>
StrangeDucks
sumber
4

Jika Anda menggunakan CSS, saya akan menyarankan yang berikut ini:

p:first-letter { text-indent:1em; }

Ini akan membuat indentasi baris pertama seperti dalam publikasi tradisional.

Slevin
sumber
4

Ada css sederhana untuk itu:

white-space: pre;

Itu membuat ruang yang Anda tambahkan dalam HTML daripada menyatukannya.

Avi
sumber
3 
<span style="margin-left:64px"></span>

Anggap seperti ini: satu tab sama dengan 64 piksel. Jadi ini ruang yang bisa kita berikan dengan CSS.

Mateen
sumber
3

kita dapat menggunakan style = "white-space: pre" seperti ini:

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

ruang kosong di dalamnya diisi dengan tab, jumlah tab tergantung pada teks.

akan terlihat seperti ini:

Text    : value
Text2   : value2
Text32  : value32
Esgi Dendyanri
sumber
3

Kode CSS ideal yang harus digunakan harus kombinasi properti "display" dan "min-width" ...

display: inline-block;
min-width: 10em; // ...for example, depending on the uniform width to be achieved for the items [in a list], which is a common scenario where tab is often needed.
Olumide
sumber
2

Nah, jika seseorang membutuhkan spasi panjang di awal satu baris hanya dari seluruh paragraf, maka ini mungkin solusi:

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

Jika itu terlalu banyak untuk ditulis atau seseorang membutuhkan tab semacam itu di banyak tempat, maka Anda dapat melakukan ini

<span class='tab'>&nbsp;</span>

Kemudian masukkan ini ke dalam CSS:

span.tab {display:inline-block;height:1em;width:4em;}
Evgeny Savelev
sumber
2

Saya menggunakan daftar tanpa peluru untuk memberikan tampilan "tab". (Itu yang kadang saya lakukan ketika menggunakan MS Word)

Dalam file CSS:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

Dan dalam file HTML gunakan daftar tidak berurutan:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

Keindahan dari solusi ini adalah Anda dapat membuat lekukan lebih lanjut menggunakan daftar bersarang.

Noob di sini berbicara, jadi jika ada kesalahan, silakan komentar.

funct7
sumber
(x) HTML harus menentukan konten dokumen, bagaimana itu ditampilkan harus ditangani oleh CSS. Ada alasan bahwa menata halaman web menggunakan tabel tidak boleh digunakan untuk data non-tabular.
Nielsvh
1

kami menggunakan kelas rentang ruang kustom

<span class='space'></span>

Sertakan kelas ruang dalam CSS.

.space 
{
   margin-left:45px;
}
ruam
sumber
1
Seperti dalam jawaban Alohci, silakan gunakan em/ rempengukuran, untuk memungkinkan zoom teks browser.
Charlie Harding
0

Menggunakan CSS dan praktik terbaik, pembuatan dinamis menu bersarang, indentasi adalah sebagai berikut:

  1. Buat gaya untuk setiap sarang, seperti indent1, indent2 dll, dengan masing-masing menentukan margin kirinya sendiri. Struktur situs harus jarang melampaui tiga tingkat sarang.
  2. Gunakan variabel statis (integer) dalam fungsi rekursif diri untuk melacak rekursi.
  3. Untuk setiap loop, tambahkan nomor loop ke kata indent, menggunakan skrip sisi server seperti PHP atau ASP, sehingga menu ini diformat dengan tepat oleh CSS.

Atau, lewati variabel statis untuk menambahkan spasi menggunakan banyak &nbsp;atau <pre>tag, atau karakter lain, yang sesuai.

Dari pengujian karakter tab horizontal, &#09;saya menemukan bahwa itu tidak berfungsi sebagai pengganti beberapa &nbsp;dalam skenario yang saya jelaskan. Anda mungkin memiliki hasil yang berbeda.

Ro Mc
sumber
0

Ini sedikit solusi yang jelek, tetapi Anda bisa melakukan ini

var tab = '&nbsp;&nbsp;&nbsp;&nbsp;';

Dan kemudian gunakan variabel tab di string Anda.

Aonghus McGovern
sumber
0

Hanya tag "pra":

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

Anda dapat menerapkan kelas CSS apa pun pada tag ini.

Yanni
sumber
0

Saya hanya akan merekomendasikan:

/* In your CSS code: */
pre
{
    display:inline;
}

<!-- And then, in your HTML code: -->

<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>
yoav barnea
sumber
0 
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

Pastikan kode warna cocok dengan latar belakang px yang variabel dengan panjang yang diinginkan untuk tab.

Kemudian tambahkan teks Anda setelah <t>. </ T>

Periode digunakan sebagai penampung ruang dan lebih mudah untuk mengetik, tetapi '& # 160;' dapat digunakan di tempat periode juga membuatnya sehingga pengkodean warna tidak relevan.

<head>
<style> t {letter-spacing:35px;} </style>
</head>

<t>&#160;</t>

Ini berguna terutama untuk menampilkan paragraf teks meskipun mungkin berguna di bagian lain dari skrip.

Eric A. Tuttle
sumber