Ìîâà ðîçì³òêè HTML â³äïîâ³äຠçà â³äîáðàæåííÿ òåêñòó òà ³íøîãî âì³ñòó ñòîð³íêè ó â³êí³ áðàóçåðà. Çà äîïîìîãîþ ñòàíäàðòíèõ çàñîá³â ìîæíà ì³íÿòè çîâí³øí³é âèãëÿä ñòîð³íêè, äîäàâàòè â³äñòóïè ³ ôîðìàòóâàòè àáçàöè.
²íñòðóêö³ÿ
Äëÿ ñòâîðåííÿ àáçàöíîãî â³äñòóïó ìîæíà ñêîðèñòàòèñÿ âêëþ÷åííÿì â HTML êîäó CSS, ÿêèé äîçâîëèòü çðîáèòè á³ëüø òîíêå íàëàøòóâàííÿ. Äëÿ öüîãî â òåã àáçàöó
âêëþ÷³òü ïàðàìåòð text-indent:
Òåêñò àáçàöó
Äàíèé êîä ñòâîðþº àáçàö ç â³äñòóïîì â 15 ï³êñåë³â â³ä ë³âîãî áîêó åêðàíó.
³äðåãóëþâàòè â³äñòóïè ìîæíà çà äîïîìîãîþ ñòâîðåííÿ òàáëèöü ³ çàñòîñóâàííÿ ïàðàìåòð³â cellpadding ³ cellspacing. Ïåðøèé àòðèáóò âèçíà÷ຠâ³äñòàíü â³ä âì³ñòó äî êîðäîí³â îñåðåäêó, à cellspacing äîïîìîæå â³äðåãóëþâàòè â³äñòàíü ì³æ îñåðåäêàìè. Ùîá â³äêëþ÷èòè â³äîáðàæåííÿ ìåæ òàáëèö³, âèêîðèñòîâóéòå ïàðàìåòð border ð³âíèé íóëþ:
| Âì³ñò êîì³ðêè |
Äàíèé êîä äîçâîëèòü ñòâîðèòè òàáëèöþ, âèñîòîþ ³ øèðèíîþ 100 ï³êñåë³â ³ ç â³äñòàííþ â³ä êðàþ îñåðåäêó â 5 ï³êñåë³â. Ïîåêñïåðèìåíòóâàâøè ç äàíèìè ïàðàìåòðàìè, ìîæíà äîìîãòèñÿ îïòèìàëüíîãî âèð³âíþâàííÿ ïîòð³áíîãî àáçàöó.
Çàäàòè íåîáõ³äíèé ïðîì³æîê ì³æ åëåìåíòàìè òàêîæ äîïîìîæå äåñêðèïòîð
, ñòâîðþº áëîê ç ïåâíèìè ïàðàìåòðàìè. Éîãî ìîæíà âèêîðèñòîâóâàòè äëÿ çá³ëüøåííÿ â³äñòóïó ì³æ àáçàöàìè:
Äëÿ ñòâîðåííÿ â³äñòóïó ìîæíà òàêîæ âèêîðèñòîâóâàòè áóäü-ÿêå ïðîçîðå çîáðàæåííÿ, áàæàíî ôîðìàòó gif àáî png. Çàâàíòàæòå çîáðàæåííÿ â ïàïêó ç html ôàéëîì ³ ââåä³òü íàñòóïíèé êîä ïåðåä ïîòð³áíèì àáçàöîì:
ϳñëÿ âèêîíàííÿ äàíî¿ êîìàíäè áðàóçåð âñòàâèòü ïðîçîðå çîáðàæåííÿ, ÿêå íå áóäå ïîì³òíî êîðèñòóâà÷àì ³ â òîé æå ÷àñ ñòâîðèòü íåîáõ³äíèé ïðîñò³ð.
ßê âàðèòè â³âñÿíó êàøó äèòèí³
ßê çðîáèòè êèñòü äëÿ øòîð
ßê â³äìîâèòèñÿ â³ä ïîñèëêè
Ùî íå áà÷èòè ñí³â
ßê âèáðàòè äåêîðàòèâíó êîñìåòèêó
Êóäè ñêàðæèòèñÿ íà ñë³ä÷îãî
ßê â³äó÷èòè äèòèíó â³ä ãîäóâàíü