Ìîâà html íå äîñêîíàëèé ³ ìຠðÿä ³ñòîòíèõ íåäîë³ê³â. Äëÿ òîãî ùîá ïðèâ'ÿçàòè êàðòèíêó äî ïåâíîãî ì³ñöÿ ñòîð³íêè, êðàùå äëÿ öüîãî âñòàâèòè ¿¿ çà äîïîìîãîþ òàáëèö³. Ó öüîìó âèïàäêó çîáðàæåííÿ áóäå ââàæàòèñÿ ôîíîì ³ ïîâåðõ éîãî ìîæíà ïîì³ñòèòè òåêñò.
²íñòðóêö³ÿ
Ñïî÷àòêó íåîáõ³äíî ñòâîðèòè òàáëèöþ, ÿêùî ¿¿ ùå íåìàº. Öÿ ä³ÿ â³äáóâàºòüñÿ â àòðèáóò³ . Äëÿ öüîãî âèêîðèñòîâóþòüñÿ òåãè (çàêðèâຠòåã îáîâ'ÿçêîâèé):
• - òàáëèöÿìè
•
- êîëîíêà. Îñíîâí³ äîäàòêîâ³ àòðèáóòè: • Border - ãðàí³öà- • Align - âèð³âíþâàííÿ ïî ãîð³çîíòàë³- • Valign - âèð³âíþâàííÿ ïî âåðòèêàë³- • Bordercolor - êîë³ð ðàìê³- • Width - øèðèíà- • Height - âèñîòà. Ñèíòàêñèñ òàáëèö³ 2X2 áåç ðàìêè ³ ë³âîñòîðîíí³ì / ïðàâîñòîðîíí³ì âèð³âíþâàííÿì âì³ñòó:
Êàðòèíêó òðåáà ïðîïèñóâàòè ï³ñëÿ òåãà . ßêùî âñòàâèòè çîáðàæåííÿ â ïåðøó êîì³ðêó òàáëèö³, ïðåäñòàâëåíî¿ âèùå, òî âèéäå: |
Äîäàòêîâ³ àòðèáóòè: • Width - øèðèíà- • Height - âèñîòà- • Alt - àëüòåðíàòèâíèé òåêñò, ÿêèé áóäå â³äîáðàæàòèñÿ ó êîðèñòóâà÷à, ÿêùî ó íüîãî â³äêëþ÷åíà ôóíêö³ÿ ïåðåãëÿäó êàðò³íîê- • Align - âèð³âíþâàííÿ ïî ãîð³çîíòàë³- • Valign - âèð³âíþâàííÿ ïî âåðòèêàë³- • Title - ï³äïèñ äî çîáðàæåííÿ. Âèêîðèñòîâóâàòè çîáðàæåííÿ ìîæíà â ÿêîñò³ ïîñèëàííÿ. Äëÿ öüîãî éîãî äîñèòü îäÿãíóòèñÿ ó â³äïîâ³äíèé òåã: Ó êîíòåêñò³ òàáëèö³ öå âèãëÿäàòèìå òàê:
Äîäàòêîâ³ ìîæëèâîñò³ çîáðàæåíü. 1. Çì³íà êàðòèíêè íà êîë³ð ïðè íàâåäåíí³ íà íå¿ ìèøåþ ³ ï³ñëÿ çì³íè ì³ñöÿ ðîçòàøóâàííÿ êóðñîðó: onmouseover = "this.style.background = '# íîìåð êîëüîðó'" onmouseout = "this.style.background = '# íîìåð êîëüîðó'" 2. Çì³íà êàðòèíêè íà ³íøå çîáðàæåííÿ ïðè íàâåäåíí³ ìèøåþ: onmouseover = "this.src = 'images / 1.gif'" onmouseout = "this.src = 'images / 2.gif'" 3. Âñòàâêà îáåðòàºòüñÿ êàðóñåë³ ç êàðòèíîê â êë³òèíêó òàáëèö³ (çíà÷åííÿ ìîæíà ì³íÿòè): |