Kadalasan, upang tukuyin ang laki ng mga indent sa mga HTML-page, ginagamit ang mga kakayahan ng wika ng CSS (Cascading Style Sheets). Kahit na sa wikang HTML mismo mayroong maraming mga "panimula" labi, na pinapayagan sa ilang mga kaso upang maitakda ang indentation. Nasa ibaba ang mga pagpipilian na ginagamit nang madalas, ngunit bukod sa mga ito marami pa ring iba't ibang mga uri ng trick na nagpapahintulot sa iyo na magtakda ng mga indent para sa hindi pamantayang markup ng mga HTML na dokumento.
Kailangan iyon
Pangunahing kaalaman sa mga wikang HTML at CSS
Panuto
Hakbang 1
Tukuyin ang elemento ng pahina kung saan i-indent. Halimbawa, kung ang teksto ay inilalagay sa loob ng tag … (block), pagkatapos ang block na ito ay magiging pangunahing elemento para sa tekstong ito at ang indent ay dapat na mabibilang mula sa mga hangganan ng bloke. At kung ang teksto (o imahe) ay wala sa loob ng anumang mga bloke (div, li, atbp.) O mga linya ng inline (span, p, atbp.), Kung gayon ang magulang nito ay ang katawan ng dokumento (body tag). Ang pagtukoy ng isang sangkap ng magulang para sa teksto ay kinakailangan sapagkat siya ang kailangang magtakda ng mga paglalarawan ng mga istilo na bumubuo sa mga indent. Ipagpalagay natin na ang iyong teksto ay nakalagay sa loob ng isang div block: Sample na teksto
Hakbang 2
Gamitin ang pag-aari ng margin ng wika ng CSS upang magtakda ng mga margin, iyon ay, ang distansya mula sa mga hangganan ng isang elemento sa mga katabing elemento, pati na rin sa mga hangganan ng elemento ng magulang. Ang distansya na ito ay maaaring itakda nang magkahiwalay para sa padding sa bawat panig: margin-top - sa itaas, margin-right - sa kanan, margin-ilalim - sa ibaba, margin-left - sa kaliwa. Para sa halimbawa sa itaas, maaaring ganito ang css code na ito: div {
tuktok ng margin: 10px;
margin-kanan: 15px;
margin-ilalim: 40px;
kaliwa-kaliwa: 70px;
} Narito ang "div" ay isang tagapili na tumutukoy na ang istilong ito ay dapat mailapat sa lahat ng div sa dokumento ng dokumento. Pinapayagan ka ng CSS syntax na pagsamahin ang lahat ng apat na linya sa isa: div {
margin: 10px 15px 40px 70px;
} Ang mga halaga ng mga indent ay dapat palaging tinukoy sa pagkakasunud-sunod na ito: una - sa itaas, pagkatapos - sa kanan, ibaba at kaliwa. Kung ang mga indent ay pareho sa lahat ng panig, sapat na upang tukuyin ang halaga minsan: div {
margin: 70px;
} Bilang karagdagan, maaari kang magtakda ng isang lumulutang na pahalang na margin (iyon ay, kaliwa at kanan). Maaari itong maging napaka kapaki-pakinabang kapag kailangan mong magtakda ng isang bloke ng isang ibinigay na lapad nang eksakto sa gitna ng window ng browser. Awtomatikong tinutukoy ng browser mismo kung magkano ang dapat na indentation sa magkabilang panig, kung isusulat mo ang sumusunod na pahayag ng CSS: div {
margin: 0 auto;
}
Hakbang 3
Gamitin ang pag-aari ng padding upang itakda ang padding, na kung saan ay ang distansya mula sa hangganan ng isang elemento sa anumang mga elemento na nakalagay sa loob nito, kasama ang teksto. Ang syntax para sa pag-aari na ito ay eksaktong kapareho ng para sa pagmamay-ari ng margin: div {
padding-top: 10px;
padding-kanan: 15px;
padding-ilalim: 40px;
padding-left: 70px;
} O div {
padding: 10px 15px 40px 70px;
}
Hakbang 4
Gamitin ang pag-aari ng text-indent upang itakda ang karagdagang indentation para sa unang linya ng bawat talata ng teksto. Halimbawa: div {
indent sa teksto: 80px;
}
Hakbang 5
Gamitin ang mga katangian ng hspace at vspace ng HTML img tag upang maitakda ang pahalang at patayong indentation mula sa imahe patungo sa mga panlabas na elemento, ayon sa pagkakabanggit. Halimbawa, tulad nito:
Hakbang 6
Gamitin ang katangian ng cellpadding ng tag ng talahanayan kung kailangan mong itakda ang indentation mula sa mga hangganan ng mga cell sa talahanayan sa kanilang nilalaman. At ang katangian ng cellpacing ay nagtatakda ng spacing sa pagitan ng mga cell ng talahanayan. Halimbawa:
| 1 | 2 |
