Cumu utilizà HTML è CSS per creà Tabs and Spacing

Fighjula à chì u spaziu biancu in HTML hè trattu da i navigatori

Sè un primu web designer, unu di e cose chì avete bisognu di capiscinu di prima hè a manera chì u spaziu biancu in u codice di u situ hè tratatu da i navigatori web.

Per desgracia, a manera chì i navigatori manipulati spazii bianchi ùn hè micca intuitivo in u primu, sopratuttu se vene in HTML è compari cù a manera chì u spaziu biancu hè tratatu in i schedarii di prugrammi, chì pudete esse cunnisciutu più.

In u software di prucessu di cume, pudete aghjunghje assai spazzunità o tabulature in u documentu è questu spassu serà riflittutu in a visualizazione di u cuntenutu di u documentu. Questu hè micca u casu cù HTML o cù pagine web. Per quessa, hà studiatu cusì chì u spazi biancu hè propiu da i navigatori Web hè assai impurtante.

Spacing in Print

In u software di prucessu di cume, i trè primariu di i spazii bianchi sò l'ughjettu, tabulazione è u carru. Ogni dui attu di manera distinta, ma in HTML, i navigatori facenu tutti quelli essenziali u listessu. Sì dite un spaziu o 100 spazii in u vostru markupu HTML, o cumuzzà a vostra distanza cù e ligame è u ritornu di carru, tutte sse cose accunsentate per un spaziu quandu a pagina hè presa da u navigatore. In a terminologia di u web designu, hè cunnisciutu da colapsu spaziu biancu. Ùn pudete micca aduprà chjode spazzatori tipici per aghjunghje spazi biancu in una pagina web, perchè u navigatore scumpare parechje spazii solu in un spaziu quandu si prisenta in u navigatore,

Perchè À l'usu di l'arme Tabs?

Di genere, quandu a ghjente usa tabs in un documentu di testu, l'utilizanu per raggruvamenti di scambiamentu o di ricunquistà u testu per andà in un locu o da esse una certa distanza da un altru elementu. In u web designu, ùn pudete micca aduprà sti prudutti spazii di spaziu per ottene quelli stili visiali o scheziali.

In u web design, l'usu di caratteri spazjati extra in u codice seria solu per facilità di leghje u codice. I web designers è sviluppori sò spessu usendu tabulature per indenture u codice per vede quelli elementi sò zitelli di l'altri elementi - ma quellu sughjettu ùn anu micca a manera di visualità visuale di a pagina stessu. Per quellu cambiamentu di visualizazione visuale necessariu, avete bisognu à turnà à CSS (stile d'aghjurnà).

Utilizare CSS per creà Tabulature HTML è Spacing

I siti d'Internet oghji sò custruiti cù una separazione di struttura è stile. A struttura di una pagina hè fatta da l'HTML mentre chì u stilu hè dichjaratu da a CSS. Questu significa chì per creà spaziamentu o cumprà un determinatu mudellu, avete da esse torna versu CSS è micca prova di simplificà l'aghjustà i caratteristi à u còdice HTML.

Sè vo avete pruvatu di utilizate stampati per creà columini di testu, pudete invece utilizà elementi

chì sò posizzjonati cù CSS per acquistà a cullizzione di colonna. Stu situazione pudaria esse fatta via CSS float, assicuranza assuluta è relattiva, o tecniche novu di CSS di layout com Flexbox o CSS Grid.

Sì i dati chì stanu stallati sò i dati tabulature, pudete utilizà tàvule per allizà a dati cum'è vo vulete. I canteroni sò spessu sottumessu u rap u disugluge web perchè abbianonu com'è uttene di uttinutu pezzu di tanti anni, ma e tàvule sò sempri perfetta si u vostru cuntenutolu cuntene questa data tabulazione.

Mariggi, Padding e Text-Indent

I modi più cumuni di creà spazzu cù CSS hè di utilizà unu di i seguenti stili CSS:

  • margen
  • padding
  • indentazione di testu

Per esempiu, pudete indizianu a prima linea di un paràgrafu cum'è una tabulazione cù a CSS in seguente (noteu chì questu hè chì u vostru paràgraf hà un attributu classificatu di "prima" attaccatu).

p.first {
indentazione testu: 5im;
}

Questu paràgrafu puderia esse indiziatu cù 5 caratteri.

Pudete ancu aduprà u marghjenu o proprietà di rinfriscenu in CSS para aghjustà a spazzunità à a cima, di fondu, left, or right (o cumminzioni di quelli santi) di un elementu. In ultimamente, pudete alcuni qualsiasi spaziamentu necessariu torna versu CSS.

Testu in Moving More than One Space senza CSS

Sì tutti quì vo vulete hè per u vostru testu per esse movutu più d'un spaziu di l'articulu precedente, pudete aduprà l'espazio non-breaking.

Per utilizà l'spaziu non spaziu, puderete sceglie & nbsp; tanti volte chì avete bisognu à u vostru marcatu HTML.

Per esempiu, sè vo vulete moville a vostra dumanda cinque espazio, pudete aghjunghje l'avere prima di a parolla.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

Hà HTML hè rispettu à queste, è ùn anu collapseu finu à un spaziu solu. In ogni casu, hè cunsideratu una prublema bassa pratica postu chì ghjè aghjuntu tagu HTML extra à un documentu solu per alcuni cumpunizioni di dispatch. Dunque riferendu à a splutazioni di struttura è di stile, avete esse di sguassà spicificà spazi novi per ottene un effettu minimu di dispatchu è anu da utilizà marge CSS è padding.