Kumaha Paké HTML jeung CSS jeung Jieun Tab sareng spasi

A katingal di spasi kumaha bodas di HTML keur dirawat ku panyungsi

Mun anjeun desainer web dimimitian, salah sahiji loba hal nu kudu ngarti mimiti on mangrupakeun cara yen spasi bodas di kode situs urang geus diatur ku web panyungsi.

Hanjakal, cara nu panyungsi diatur spasi bodas teu pisan intuitif dina mimitina, utamana lamun datangna ka HTML jeung ngabandingkeun ka sabaraha spasi bodas geus diatur dina program ngolah kecap, nu bisa jadi leuwih akrab jeung.

Dina software ngolah kecap, Anjeun bisa nambah kavling dipasing atawa tab dina dokumen jeung dipasing anu bakal reflected dina tampilan eusi dokumen urang. Ieu mah hal kalawan HTML atawa kalayan kaca wéb. Salaku misalna, diajar kumaha spasi bodas téh, memang, diatur ku web panyungsi pohara penting.

Dipasing di Print

Dina software ngolah kecap, anu tilu karakter spasi bodas primér anu spasi, tab, sarta kenop mulang. Unggal polah ieu dina cara nu béda, tapi HTML, panyungsi ngarobah kabeh dasarna sami. Naha anjeun nempatkeun hiji spasi atanapi 100 spasi dina aksara HTML, atawa gaul anjeun dipasing up kalawan tab tur mulih kenop, sakabéh ieu bakal condensed handap hiji spasi mun kacana geus rendered ku browser nu. Dina terminologi desain web, ieu katelah runtuhna spasi bodas. Anjeun teu tiasa maké kenop dipasing has ieu pikeun nambahkeun whitespace dina kaca web sabab browser nu collapses sababaraha spasi handap kana ngan hiji spasi nalika rendered dina browser anu,

Naha Dupi Aya Paké Tab?

Ilaharna, lamun jalma make tab dina dokumen tulisan, aranjeunna ngagunakeun éta alesan perenah atawa meunang téks pikeun mindahkeun ka tempat nu tangtu atawa jadi jarak nu tangtu tina unsur séjén. Dina desain web, Anjeun teu bisa maké pamadegan karakter spasi disebut tadi pikeun ngahontal eta gaya visual atawa kaperluan perenah.

Dina desain web, pamakéan hurup dipasing tambahan di kode bakal murni pikeun betah maca kode éta. désainer Web na pamekar mindeng ngagunakeun tab ka Kode indent ambéh maranéhanana bisa ningali mana elemen anu barudak unsur lianna - tapi maranéhanana indents teu mangaruhan tata perenah visual tina Kacana. Pikeun maranéhanana diperlukeun parobahan perenah visual, anjeun bakal kedah giliran CSS (cascading gaya cadar).

Ngagunakeun CSS jeung Jieun Tab HTML jeung dipasing

Jaba dinten anu diwangun ku pamisahan struktur sarta gaya. Struktur kaca ieu diatur ku HTML bari gaya kasebut didikte ku CSS di. Ieu ngandung harti yén mun nyieun dipasing atawa ngahontal perenah tangtu, Anjeun kudu ngarobah kana CSS teu nyoba saukur nambahan dipasing karakter kana kode HTML.

Lamun nuju nyobian nganggo tab pikeun nyieun kolom teks, anjeun gantina bisa ngagunakeun

elemen nu diposisikan kalawan CSS mun meunang nu perenah kolom. positioning Ieu bisa dipigawé ngaliwatan floats CSS, positioning mutlak tur relatif, atawa téhnik perenah CSS anyar kawas Flexbox atawa CSS Grid.

Lamun data anjeun peletakan kaluar mangrupa data tabular, anjeun tiasa nganggo tabel kana align data yen anjeun dipilampah. Tables mindeng meunangkeun rap goréng dina rarancang web lantaran maranéhanana abused salaku parabot perenah murni pikeun jadi sababaraha taun, tapi tabel kénéh sampurna valid lamun eusi Anjeun ngandung yén data tabular disebut tadi.

Margins, Padding, sarta téks-Indent

Cara nu paling umum pikeun nyieun dipasing kalawan CSS nyaéta ku ngagunakeun salah sahiji gaya CSS handap:

Contona, anjeun tiasa indent garis mimiti paragraf kawas tab jeung CSS di handap (dicatet yén ieu nganggap ayat anjeun ngabogaan atribut kelas "munggaran" napel eta):

p.first {
téks-indent: 5em;
}

ayat ieu bakal kiwari jadi indented ngeunaan 5 karakter.

Anjeun oge bisa make margin atawa padding sipat di CSS pikeun nambahkeun spasi ka luhur, handap, ka kénca, atawa katuhu (atawa kombinasi jalma sisi) tina unsur. Pamustunganana, anjeun tiasa ngahontal nanaon nu dipasing diperlukeun kucara kana CSS.

Pindah téks Leuwih ti Hiji Spasi Tanpa CSS

Mun kabeh rék kanggo téks Anjeun bisa dipindahkeun leuwih ti hiji spasi jauh ti item harita, anjeun tiasa nganggo spasi non-pegatna.

Pikeun nganggo spasi non-pegatna, anjeun ngan saukur nambahan & nbsp; saloba kali anjeun peryogi eta dina aksara HTML Anjeun.

Contona, upami anjeun hayang mindahkeun Kecap anjeun lima spasi leuwih, Anjeun bisa nambahkeun di handap sateuacan kalimah.

& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

HTML ngahormat ieu sarta moal ambruk éta ka handap ka spasi tunggal. Sanajan kitu, ieu dianggap prakték miskin pisan saprak éta geus nambahkeun tambahan aksara HTML kana dokumen anu ngan ngahontal kaperluan perenah. Ngarujuk deui yén separation struktur jeung gaya, Anjeun kedah ulah aya nambahkeun non-megatkeun spasi saukur ngahontal éfék perenah dipikahoyong tur kedah nganggo margins CSS jeung padding gantina.