Paano I-indent Ang Html

Talaan ng mga Nilalaman:

Paano I-indent Ang Html
Paano I-indent Ang Html

Video: Paano I-indent Ang Html

Video: Paano I-indent Ang Html
Video: Indent a Paragraph in HTML - The Old Way and The NEW Way 2024, Mayo
Anonim

Ang wikang markup ng HTML ay responsable para sa pagpapakita ng teksto at iba pang nilalaman ng pahina sa window ng browser. Gamit ang mga karaniwang tool, maaari mong baguhin ang hitsura ng pahina, magdagdag ng mga indent at format na talata.

Paano i-indent ang html
Paano i-indent ang html

Panuto

Hakbang 1

Upang lumikha ng indentation ng talata, maaari mong gamitin ang pagsasama ng CSS sa HTML code, na magpapahintulot sa mas mahusay na pag-tune. Upang magawa ito, sa tag ng talata

isama ang pagpipilian sa text-indent:

Teksto ng talata

Lumilikha ang code na ito ng isang talata na naka-indent ng 15 mga pixel mula sa kaliwang bahagi ng screen.

Hakbang 2

Maaari mong ayusin ang padding sa pamamagitan ng paglikha ng mga talahanayan at paglalapat ng mga parameter ng cellpadding at cellpacing. Tinutukoy ng unang katangian ang distansya mula sa nilalaman sa mga hangganan ng cell, at ang cellpacing ay makakatulong na ayusin ang distansya sa pagitan ng mga cell. Upang huwag paganahin ang pagpapakita ng mga hangganan ng talahanayan, gamitin ang parameter ng hangganan na katumbas ng zero:

Nilalaman ng cell

Lilikha ang code na ito ng isang talahanayan na may taas at lapad ng 100 mga pixel at isang distansya na 5 mga pixel mula sa gilid ng cell. Sa pamamagitan ng pag-eksperimento sa mga pagpipiliang ito, makakamit mo ang pinakamainam na pagkakahanay para sa nais na talata.

Hakbang 3

Ang tagapaglarawan, na lumilikha ng isang bloke na may ilang mga parameter, ay makakatulong din upang maitakda ang kinakailangang spacing sa pagitan ng mga elemento. Maaari itong magamit upang madagdagan ang indentation sa pagitan ng mga talata:

Hakbang 4

Maaari mo ring gamitin ang anumang transparent na imahe upang mag-indent, mas mabuti sa gif o.png

Matapos maipatupad ang utos na ito, ang browser ay maglalagay ng isang transparent na imahe na hindi makikita ng mga gumagamit at sa parehong oras ay lilikha ng kinakailangang puwang.

Inirerekumendang: