Áóäü ñàéò íóäíèé áåç ãðàô³êè. Çîáðàæåííÿ äîïîìàãàþòü çðîáèòè âàøó ñòîð³íêó á³ëüø êðàñèâîþ ³ ³íôîðìàòèâíîþ, òà é ÷èìàëó ÷àñòèíó ³íôîðìàö³¿ ïðîñò³øå äîíåñòè äî ÷èòà÷à çà äîïîìîãîþ íàî÷íèõ ìàëþíê³â. Âñòàâèòè êàðòèíêó íà ñàéò äóæå ëåãêî.
²íñòðóêö³ÿ
Äëÿ ïî÷àòêó âèáåð³òü êàðòèíêó, ÿêó âè õîò³ëè á âñòàâèòè íà ñòîð³íêó. Ïåðåêîíàéòåñÿ, ùî âîíà íå çàõèùåíà àâòîðñüêèì ïðàâîì, ³ ó âàñ íå âèíèêíå ïðîáëåì ÷åðåç òå, ùî âè âèêîðèñòîâóºòå ¿¿ íà ñâîºìó ñàéò³. ͳ â ÿêîìó ðàç³ íå ìîæíà ïðèáèðàòè êîï³ðàéò àâòîðà. Êðàùå ñïèø ç íèì ³ ïîïðîñ³òü äîçâ³ë íà âèêîðèñòàííÿ çîáðàæåííÿ.
Çàâàíòàæòå êàðòèíêó íà ñåðâåð, äå ðîçì³ùåíèé âàø ñàéò, àáî íà áóäü ôîòîáàíê (íàïðèêëàä, radikal.ru). Ñêîï³þéòå àäðåñó êàðòèíêè ³ çáåðåæ³òü ó òåêñòîâîìó äîêóìåíò³.
Îñíîâíèé òåã, çà äîïîìîãîþ ÿêîãî êàðòèíêè â³äîáðàæàþòüñÿ íà ñàéò³ - öå 
, äå çàì³ñòü ç³ðî÷îê âè ïîâèíí³ âñòàâèòè àäðåñó êàðòèíêè. ßêùî âè ïðîïèø³òü òåã òàêèì ÷èíîì, êàðòèíêà íà âàøîìó ñàéò³ áóäå â³äîáðàæàòèñÿ â îðèã³íàëüíîìó ðîçì³ð³ ³ ç ô³îëåòîâîþ ðàìêîþ íàâêîëî.
ßêùî âè õî÷åòå ïðèáðàòè ðàìêó, òî òåã ïîâèíåí âèãëÿäàòè íàñòóïíèì ÷èíîì: . ßêùî æ âè, íàâïàêè, õîò³ëè á, ùîá íàâêîëî çîáðàæåííÿ áóëà ðàìêà, çàì³ñòü íóëÿ âêàæ³òü áàæàíèé ðîçì³ð â ï³êñåëÿõ. À çà äîïîìîãîþ àòðèáóòó bordercolor âè ìîæåòå çàäàòè ïîòð³áíèé êîë³ð ðàìêè. Íàïðèêëàä, êàðòèíêà ç òåãîì ìàòèìå ÷îðíó ðàìêó â ÷îòèðè ï³êñåëÿ.
Çà äîïîìîãîþ ïðîïèñàíîãî àòðèáóòà âè ìîæåòå çì³íèòè ðîçì³ðè êàðòèíêè. Äëÿ öüîãî ïðîñòàâòå â òåã çíà÷åííÿ ïàðàìåòð³â width ³ height, ùî îçíà÷àþòü øèðèíó ³ âèñîòó ìàëþíêà â³äïîâ³äíî. Íåîáõ³äí³ âàì çíà÷åííÿ ïîâèíí³ áóòè âêàçàí³ â ï³êñåëÿõ ³ âçÿò³ â ëàïêè.
Äëÿ òîãî ùîá ðèñóíîê âäàëî âïèñàâñÿ â ñòðóêòóðó ñàéòó, éîãî ïîòð³áíî ïðàâèëüíî ðîçì³ñòèòè. Ó öüîìó âàì äîïîìîæóòü àòðèáóò align, âïèñàíèé â òåã. ³í ìîæå ïðèéìàòè ð³çí³ çíà÷åííÿ: left, right ³ center. Ïåðøèé âàð³àíò îçíà÷àº, ùî ìàëþíîê áóäå ðîçì³ùåíèé íà ñòîð³íö³ çë³âà, äðóãèé - ïðàâîðó÷, òðåò³é æå äîçâîëèòü ðîçì³ñòèòè êàðòèíêó â öåíòð³ ñòîð³íêè. Ö³ çíà÷åííÿ òàêîæ íåîáõ³äíî áðàòè â ëàïêè.
ϳñëÿ òîãî, ÿê âè ïîâí³ñòþ ïðîïèñàëè òåã ìàëþíêà, âñòàâòå éîãî â ñòðóêòóðó âàøîãî ñàéòó ³ çáåðåæ³òü çì³íè. ßêùî âè âñå çðîáèëè ïðàâèëüíî, êàðòèíêà ç'ÿâèòüñÿ ó âàñ íà ñòîð³íö³.
ßê âèðîñòèòè ñàäæàíåöü
ßê ïðîâåñòè òðàâíåâ³ ñâÿòà ç ä³â÷èíîþ
ßê ïîâîäèòèñÿ, ÿêùî âàñ ñêîðîòèëè
ßê ïðèãîòóâàòè îâî÷åâó ³êðó ïî-êàâêàçñêè
ßê îáìåæèòè äîñòóï äî êîìï'þòåðà ïî ìåðåæ³
ßê ïðîéøîâ òèæäåíü âèñîêî¿ ìîäè â Ïàðèæ³
ßê ìèë³ ïåðåâåñòè â ê³ëîìåòðè