Bi o ṣe le Lo HTML ati CSS lati Ṣẹda Awọn taabu ati Idoko

A wo bi o ti wa ni aaye funfun ni HTML ṣe nipasẹ awọn aṣàwákiri

Ti o ba jẹ oluṣeto ayelujara ti o bẹrẹ, ọkan ninu awọn ohun pupọ ti o ni lati ni oye ni kutukutu ni ọna ti o jẹ aaye ti aaye funfun ni oju-iwe ayelujara ti a ṣakoso nipasẹ awọn aṣàwákiri ayelujara.

Laanu, ọna ti awọn aṣàwákiri ti ṣakoso aaye funfun funfun ko ni inu pupọ ni akọkọ, paapaa ti o ba wa sinu HTML ki o si ṣe afiwe rẹ si bi a ti ṣe itọju aaye funfun ni awọn eto atunṣe ọrọ, eyiti o le jẹ diẹ mọ pẹlu.

Ni software atunṣe ọrọ, o le fi ọpọlọpọ awọn aye tabi awọn taabu kun ninu iwe-ipamọ naa ati pe siseto yoo han ni ifihan akoonu ti iwe-ipamọ naa. Eyi kii ṣe idajọ pẹlu HTML tabi pẹlu oju-iwe ayelujara. Bii iru bẹ, kẹkọọ bi aaye funfun jẹ, nitootọ, ti awọn aṣàwákiri wẹẹbù ṣelọpọ jẹ pataki.

Idoko ni Itẹjade

Ninu software atunṣe ọrọ, awọn akọọlẹ aaye funfun mẹta akọkọ ni aaye, taabu, ati ẹkọ ọkọ. Kọọkan ti awọn wọnyi ni ọna kan pato, ṣugbọn ni HTML, awọn aṣàwákiri ṣe gbogbo wọn fun kanna. Boya o gbe aaye kan tabi 100 awọn alafo ninu ifilọlẹ HTML rẹ, tabi ṣe idapọ si ipo rẹ soke pẹlu awọn taabu ati gbigbe pada, gbogbo awọn wọnyi ni ao rọ si aaye kan nigbati oju-iwe ayelujara ba wa ni oju-iwe. Ni awọn itumọ ọrọ aaye ayelujara, eyi ni a mọ bi iṣeduro aaye funfun. O ko le lo awọn bọtini ifunni aṣoju wọnyi lati fi aaye-àìfẹ sii ni oju-iwe ayelujara nitori pe aṣàwákiri ṣubu ọpọ awọn alafo si isalẹ sinu aaye kan ṣoṣo nigbati o ba wa ni aṣàwákiri,

Kilode ti Ẹnikan Lo Awọn taabu?

Nigbamii, nigbati awọn eniyan ba lo awọn taabu ninu iwe ọrọ, wọn nlo wọn fun awọn idi-ipilẹ tabi lati gba ọrọ naa lati lọ si aaye kan tabi lati jẹ ijinna diẹ lati idi miiran. Ni apẹrẹ ayelujara, iwọ ko le lo awọn ohun kikọ aaye ti a ti sọ tẹlẹ lati ṣe aṣeyọri iru awọn iwo ojuṣe tabi awọn eto aifọwọyi.

Ni oniruwe wẹẹbu, lilo awọn ohun kikọ miiran ti o wa ninu koodu yoo jẹ ti o jẹ fun irorun ti kika iwe naa. Awọn apẹẹrẹ oju-iwe ayelujara ati awọn oludasilẹ nigbagbogbo nlo awọn taabu si koodu alaiṣe ki wọn le wo iru eroja wo ni awọn ọmọ ti awọn eroja miiran - ṣugbọn awọn alaiṣan naa ko ni ipa lori ifilelẹ wiwo ti oju-iwe naa. Fun awọn ifilelẹ wiwo ti o nilo, iwọ yoo nilo lati tan si CSS (awọn awọ ara ti a fi sinu ara).

Lilo CSS lati Ṣẹda Awọn taabu HTML ati Gbigbọn

Awọn aaye ayelujara loni ti wa ni itumọ ti pẹlu iyatọ ti ọna ati ara. Awọn ọna ti oju iwe kan ni a ṣe akoso nipasẹ awọn HTML nigbati o jẹ pe CSS ti kọ ara rẹ. Eyi tumọ si pe lati ṣẹda aye tabi ṣe aṣeyọri awọn ifilelẹ kan, o yẹ ki o wa ni titan si CSS ati ki o ko gbiyanju lati fi awọn ohun kikọ sẹẹli kun si koodu HTML nikan.

Ti o ba n gbiyanju lati lo awọn taabu lati ṣẹda awọn ọwọn ti ọrọ, o le lo awọn orisun

ti o wa pẹlu CSS lati gba ifilelẹ yii. Ipoyiyi le ṣee ṣe nipasẹ CSS floats, ipo idiyele ati ojulumo, tabi awọn ilana CSS titun tuntun bi Flexbox tabi CSS Akoj.

Ti data ti o ba n gbe kalẹ ni data tabular, o le lo awọn tabili lati ṣe afiwe data naa bi o ṣe fẹ. Awọn tabili maa n gba aṣiṣe buburu kan ni apẹrẹ ayelujara nitori a ti fi wọn ṣe lilo bi awọn ohun elo ti o ṣe deede fun ọpọlọpọ ọdun, ṣugbọn awọn tabili ṣi wa ti o dara julọ ti akoonu rẹ ba ni pe alaye data ti a ti sọ tẹlẹ.

Awọn aṣayan, Padding, ati Text-Indent

Awọn ọna ti o wọpọ lati ṣẹda aye pẹlu CSS jẹ nipa lilo ọkan ninu awọn ọna CSS wọnyi:

Fun apere, o le tẹri ila akọkọ ti paragirafi kan gẹgẹbi taabu kan pẹlu CSS ti o tẹle (akiyesi pe eyi ṣe pe paragi rẹ ni o ni ẹda kilasi ti "akọkọ" ti o so mọ):

akọkọ {
iwe-itọsi: 5em;
}

Paragira yii yoo wa ni idasilo nipa awọn ohun kikọ marun.

O tun le lo awọn agbegbe tabi awọn ohun elo padding ni CSS lati fi aye si ọna oke, isalẹ, osi, tabi ọtun (tabi awọn apapọ ti awọn mejeji) ti ẹya kan. Nigbamii, o le ṣe iru eyikeyi aye ti o nilo nipa titan si CSS.

Gbigbe Ifiranṣẹ diẹ sii ju aaye kan lọ laisi CSS

Ti gbogbo ohun ti o fẹ ba jẹ fun ọrọ rẹ lati gbe diẹ ẹ sii ju aaye kan lọ kuro ninu ohun ti o wa tẹlẹ, o le lo aaye ti kii ṣe ailewu.

Lati lo aaye ti kii ṣe-fifọ, o ṣe afikun sibẹ & nbsp; bi ọpọlọpọ igba bi o ṣe nilo rẹ ni idasilẹ HTML rẹ.

Fun apẹẹrẹ, ti o ba fẹ lati gbe ọrọ rẹ ni awọn aaye marun marun, o le fi awọn wọnyi ṣaju ọrọ naa.

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

HTML ṣe ifojusi fun awọn wọnyi ki yoo ko wọn silẹ si aaye kan ṣoṣo. Sibẹsibẹ, eyi ni a kà ni iṣe ti o dara pupọ nitori pe o nfi afikun ifamisi HTML sii si iwe-ipamọ nikan lati ṣe aṣeyọri awọn aini eto. Nigbati o ba sọ pada si iyatọ ti isọdi ati aṣa, o yẹ ki o yago fun fifi awọn aaye alaiṣe ti kii ṣe ailewu lati ṣe aṣeyọri ipa ti o fẹ ati ki o yẹ ki o lo awọn ipo CSS ati padding dipo.