Ko te rere noa te huarahi e whakaatuhia ai nga huanga i roto i te wharangi tukutuku i roto i te nuinga o nga wa. Ko nga mea katoa i roto i te HTML ko nga pouaka i roto, ko nga pouaka raina ranei , ko nga pouaka poraka .
Tuwhera Poraka Poraka
I roto i te rere noa, ka tuhia nga pouaka poraka i tetahi whārangi kotahi i muri mai i tetahi atu (i te raupapa ka tuhia ki te HTML ). Ka tīmata i te taha maui o runga o te pouaka kei roto, ka tohatoha mai i runga ki raro. Ko te tawhiti i waenganui i ia pouaka kua tautuhia ki nga taapiri me nga tawhito o runga me te taha o raro kei raro iho.
Hei tauira, ka whai koe i te HTML e whai ake nei:
Koinei te wahanga tuatahi. He 200 pika te whanui me te taha 5px mo te taha.
He waahanga whānui tenei.
He tohu tenei he iti ake i te tuarua.
Ko ia DIV he mema poraka, na ka waiho i raro i te pihanga poraka o mua. Ka pa atu te taha ki waho i te taha maui o te poraka kei roto.
Te whakatakoto i nga Pouaka Inline
Kua takoto nga pouaka taatai i runga i te whaarangi, tetahi i muri mai i tetahi atu timatanga i te tihi o te pou. Inaore he nui o te waahi ki te whakauru i nga mea katoa o te pouaka whara i runga i te raina kotahi, ka piri ki te raina e whai ake nei, ka tuhia i te waarangi.
Hei tauira, i roto i nga HTML e whai ake nei:
He maia tenei kuputuhi, a, he tuhi tenei kuputuhi. Na he kuputuhi marama tenei.
Ko te parawae ko te kaupapa poraka, engari e 5 nga waahanga tuitui:
- "Ko tenei kuputuhi he"
- "maia"
- "me tenei"
- "nga tuhi"
- "Na he kuputuhi marama tenei."
Na ko te rere noa te pehea e whakaatu ai enei poraka me nga huānga taurangi ki te whārangi tukutuku, kaore he waahi a te kaihoahoa tukutuku.
Mena ka hiahia koe ki te pa ki te wahi kei runga i te whaarangi ka taea e koe te whakamahi i te turanga CSS ranei CSS floats .