Unsaon Paggamit sa HTML ug CSS sa Paghimo Tabs ug Spacing

Ang usa ka pagtan-aw kon sa unsang paagi ang puting luna sa HTML gitagad sa mga browsers

Kon ikaw usa ka sinugdanan sa web designer, usa sa daghan nga mga butang nga imong kinahanglan nga masabtan sa sayo mao ang paagi nga ang puti nga luna sa code sa usa ka site gitubag sa mga web browser.

Ikasubo, ang paagi nga ang mga browsers nag-atubang sa puting luna dili kaayo intuitive sa sinugdanan, ilabi na kon moabut ka sa HTML ug itandi kini sa unsa nga paagi ang puti nga luna nga pagdumala sa mga programa sa pagproseso sa pulong, nga mas pamilyar nimo.

Sa software sa pagproseso sa pulong, ikaw makadugang sa daghang mga spacing o mga tab sa dokumento ug nga ang gilay-on makita sa display sa sulod sa dokumento. Dili kini ang kahimtang sa HTML o sa mga web page. Tungod niini, ang pagkat-on kon unsa ka puti ang luna, sa tinuud, ang pagdumala sa web browsers importante kaayo.

Spacing sa Print

Sa word processing software, ang tulo ka nag-unang puti nga mga letra nga mga karakter mao ang luna, tab, ug karwahe nga pagbalik. Ang matag usa niini naglihok sa usa ka lahi nga paagi, apan diha sa HTML, ang mga browser naghatag kanila sa tanan nga sama sa sama. Magbutang ka man og usa ka luna o 100 ka mga luna sa imong markup sa HTML, o isagol ang imong gilay-on gamit ang mga tab ug mga carriage returns, ang tanan niini mapuno ngadto sa usa ka luna kon ang panid gihubad sa browser. Sa web design terminology, kini nailhan nga puti nga luna nga pagkahugno. Dili nimo mahimong gamiton kining mga tipikal nga mga yawe sa agianan aron sa pagdugang sa whitespace sa usa ka panid sa web tungod kay ang browser mikunhod sa daghang mga luna ngadto sa usa lamang ka luna sa diha nga gihubad sa browser,

Nganong Naggamit ang Usa ka Tab?

Kasagaran, kon ang mga tawo mogamit og mga tab sa usa ka dokumento sa teksto, gigamit nila kini alang sa mga rason sa layout o aron makuha ang teksto nga mobalhin sa usa ka dapit o mahimong usa ka gilay-on gikan sa laing elemento. Sa disenyo sa web, dili ka magamit nga mga nahisgutang mga lugar nga mga karakter aron makab-ot kadtong mga biswal nga estilo o mga kinahanglanon sa layout.

Sa disenyo sa web, ang paggamit sa dugang mga spacing nga mga karakter sa code mahimo lamang sa kasayon ​​sa pagbasa sa maong code. Ang mga tigdisenyo ug mga tigdisenyo sa web kasagaran naggamit sa mga tab sa indent code aron nga ilang makita ang mga elemento nga mga anak sa ubang mga elemento - apan ang mga indent wala makaapekto sa visual layout sa panid mismo. Alang sa gikinahanglan nga mga kausaban sa visual nga mga kausaban, kinahanglang moadto ka sa CSS (cascading style sheets).

Paggamit sa CSS sa Create HTML Tabs and Spacing

Ang mga website karon gitukod nga may panagbulag sa estruktura ug estilo. Ang istruktura sa usa ka panid gidumala sa HTML samtang ang estilo gimando sa CSS. Kini nagpasabot nga aron makamugna ang gilay-on o makab-ot ang usa ka layout, kinahanglan ka nga mag-abli sa CSS ug dili mosulay sa pagdugang lamang sa spacing characters ngadto sa HTML code.

Kon naningkamot ka nga gamiton ang mga tab sa paghimo og mga kolum sa teksto, mahimo nimo gamiton ang

mga elemento nga nahimutang sa CSS aron makuha ang layout nga kolum. Kini nga posisyon mahimo pinaagi sa CSS floats, absolute ug relative positioning, o mas bag-o nga CSS nga mga pamaagi sa layout sama sa Flexbox o CSS Grid.

Kon ang datos nga imong gibutang sa gawas mao ang tabular nga datos, mahimo ka nga magamit ang mga lamesa aron sa pagsubay sa datos nga imong gusto. Ang mga tablayan sa kasagaran makadaot sa disenyo sa web tungod kay sila giabusohan isip putli nga mga himan sa paghan-ay sulod sa daghan nga mga tuig, apan ang mga lamesa hingpit nga balido kon ang imong sulod naglangkob nianang gihisgutan nga tabular data.

Mga margin, Padding, ug Text-Indent

Ang labing komon nga mga paagi sa paghimo sa spacing pinaagi sa CSS mao ang paggamit sa usa sa mosunod nga mga estilo sa CSS:

Pananglitan, mahimo nimo nga indent ang unang linya sa usa ka parapol sama sa usa ka tab nga may mosunod nga CSS (timan-i nga kini nga gipahigayon ang imong parapo adunay hiyas sa klase nga "una" nga gilakip niini):

p.first {
text-indent: 5em;
}

Kini nga paragrapo karon mahimo nga adunay sulod nga mga 5 ka mga karakter.

Mahimo usab nimo gamiton ang mga bahin sa margin o padding sa CSS aron idugang ang spacing sa ibabaw, ubos, wala, o tuo (o mga kombinasyon sa mga kilid) sa usa ka elemento. Sa katapusan, mahimo nimong makab-ot ang bisan unsa nga matang sa gilay-on nga gikinahanglan pinaagi sa pagbalik ngadto sa CSS.

Pagbalhin sa Teksto Labaw sa Usa ka Luna nga walay CSS

Kung ang tanan nga imong gusto mao nga ang imong teksto mahimong ibalhin labaw pa sa usa ka luna gikan sa nauna nga aytem, ​​mahimo nimo gamiton ang dili paglapas nga luna.

Aron magamit ang dili pagbuak nga luna, imong idugang ang & nbsp; ingon sa daghang mga higayon nga kinahanglan nimo kini sa imong HTML markup.

Pananglitan, kung buot nimo nga ibalhin ang imong pulong lima ka mga luna, mahimo nimong idugang ang mosunod sa wala pa ang pulong.

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

Ang gitahud sa HTML niini ug dili kini mahugno sa usa ka luna. Bisan pa, kini giisip nga usa ka dili kaayo praktis tungod kay nagdugang kini og dugang nga HTML markup sa usa ka dokumento lamang aron makab-ot ang mga kinahanglanon sa layout. Naghisgot balik sa pagbulag sa estratehiya ug estilo, kinahanglan nimong likayan ang pagdugang sa mga dili pagsupak nga mga luna aron lamang makab-ot ang usa ka gusto nga epekto sa layout ug kinahanglan gamiton ang mga margin ug padding sa CSS.