Àitean cruthachaidh agus sgaradh corporra de eileamaidean ann an HTML le CSS
Faodaidh e bhith doirbh a bhith a 'cruthachadh àiteachan agus sgaradh corporra de eileamaidean ann an HTML airson an dealbhaiche lìn tòiseachaidh. Tha seo air sgàth gu bheil seilbh aig HTML ris an canar "collapse whitespace". co dhiubh a tha thu a 'sgrìobhadh 1 àite no 100 anns a' chòd HTML agad, bidh am brabhsair-lìn a 'tuiteam gu fèin-obrachail gu na h-àiteachan sin gu dìreach aon àite. Tha seo eadar-dhealaichte bho phrògram mar Microsoft Word , a leigeas le luchd-cruthachaidh sgrìobhainnean iomadh àite a chur ri faclan agus eileamaidean eile den sgrìobhainn sin.
Chan e seo mar a tha dealbhadh làrach-lìn a 'toirt sparradh ag obair.
Mar sin, ciamar a chuireas tu àite-fuirich ann an HTML a tha a 'nochdadh suas air an duilleag-lìn ? Tha an artaigil seo a 'sgrùdadh cuid de na diofar dhòighean.
Àiteachan ann an HTML le CSS
Is e an dòigh as fheàrr le àiteachan a chur ris an HTML agad le Cascading Style Sheets (CSS) . Bu chòir CSS a chleachdadh gus taisbeanaidhean lèirsinneach sam bith air duilleag-lìn a chur ris, agus bhon a tha an spàinn mar phàirt de fheartan dealbhaidh lèirsinneach duilleag, is e CSS far a bheil thu airson seo a dhèanamh.
Ann an CSS, faodaidh tu a bhith a 'cleachdadh an togalaich no na togalaichean fàdachaidh gus àite a chur timcheall air eileamaidean. A thuilleadh air an sin, tha an togalach a tha a 'toirt a-steach teacsa a' cur farsaingeachd gu beulaibh an teacsa, leithid airson paragrafan a thoirt a-steach.
Seo eisimpleir de mar a chleachdas tu CSS gus àite a chur air beulaibh a h-uile paragraf agad. Cuir na CSS a leanas ris an duilleag stoidhle a- muigh no a- staigh agad:
p {
teacsa-teacsa: 3em;
}
Àiteachan ann an HTML: Taobh a-staigh do theacsa
Ma tha thu dìreach airson àite no dhà a bharrachd a chur ris an teacsa agad, faodaidh tu an raon neo-bhriseadh a chleachdadh.
Bidh an caractar seo ag obair dìreach mar charactar rùm àbhaisteach, ach chan eil e a 'tuiteam taobh a-staigh a' bhrabhsair.
Seo eisimpleir de mar a chuireas tu còig àiteachan taobh a-staigh loidhne teacsa:
Tha còig àiteachan a bharrachd taobh a-staigh an teacsa seo
A 'cleachdadh HTML:
Tha & nbsp; an teacsa seo & nbsp; & nbsp; & nbsp; & nbsp; còig àiteachan a bharrachd a-staigh
Faodaidh tu cuideachd an tag tag a chleachdadh gus briseadh loidhne a bharrachd a chur ris.
Tha briseadh còig loidhne aig an abairt seo aig deireadh an latha
Carson a tha Eadar-dhealachadh ann an HTML na droch bheachd
Ged a tha na roghainnean sin an dà chuid ag obair - bidh an earrann àitichean neo-bhriseadh gu dearbh a 'cur eadar-dhealachadh ris an teacsa agad agus cuiridh na briseadh-loidhne a-steach farsaingeachd fon pharagraf a chithear gu h-àrd - chan e seo an dòigh as fheàrr air sparradh a chruthachadh anns an duilleag-lìn agad. Le bhith a 'cur nan eileamaidean sin ri do HTML a' cur fiosrachadh lèirsinneach ris a 'chòd an àite a bhith a' sgaradh structair duilleag (HTML) bho na stoidhlichean lèirsinneach (CSS). Tha na cleachdaidhean as fheàrr ag ràdh gum bu chòir iad seo a bhith fa leth airson grunn adhbharan, a 'gabhail a-steach cothromachadh ùrachadh san àm ri teachd agus meud iomlan faidhle agus coileanadh duilleag.
Ma chleachdas tu duilleag stoidhle air an taobh a-muigh gus na stoidhlichean agus an sparradh agad a dhearbhadh, tha e furasta na stoidhlichean sin airson an làrach gu lèir a dhèanamh furasta a dhèanamh, oir feumaidh tu aon duilleag stoidhle sin ùrachadh.
Beachdaich air an eisimpleir gu h-àrd air an t-seantans le còig tagaichean aig deireadh a 'chùis. Ma bha thu airson an uiread de cheàrnaidh sin aig bonn gach paragraf, dh'fheumadh tu an còd HTML sin a chur ris a h-uile paragraf anns an làrach gu lèir agad. Tha sin na ìre mhath de chomharra a bharrachd a bhios a 'dùnadh do dhuilleagan.
A thuilleadh air an sin, ma cho-dhùineas tu sìos an rathad gu bheil an raon seo ro mhòr no ro bheag, agus ma tha thu airson atharrachadh beagan, dh'fheumadh tu gach aon pharagraf a dheasachadh anns an làrach-lìn gu lèir agad. Gun taing dhut!
An àite na h-eileamaidean eadar-dhealaichte a chur ris a 'chòd agad, cleachd CSS.
p {
bonn glanaidh: 20px;
}
Bhiodh an loidhne sin de CSS a 'cur farsaingeachd a-steach fo pharagrafan na duilleige agad. Ma bha thu airson an spàs sin atharrachadh san àm ri teachd, deasaich an aon loidhne seo (an àite còd an làrach gu lèir) agus tha thu math a dhol!
A-nis, ma dh'fheumas tu aon àite a chur ann an aon phàirt den làrach-lìn agad, chan eil tagradh
agad no aon àite neo-bhriseadh aig deireadh an t-saoghail, ach feumaidh tu a bhith faiceallach.
Faodaidh a bhith a 'cleachdadh nan roghainnean farsaingeachd HTML in-loidhne seo a bhith na leathad sleamhainn. Ged nach dòcha gun toir aon no dhà do dhroch làrach, ma chumas tu air adhart sìos an t-slighe sin, bheir thu duilgheadasan a-steach do na duilleagan agad. Aig a 'cheann thall, tha thu nas fheàrr dheth a bhith a' tionndadh gu CSS airson farsaingeachd HTML, agus a h-uile feum lèirsinneach air an làrach-lìn eile.