ßê â html çàäàòè ôîí

Íàéá³ëüø ïîøèðåíèì ìîâîþ ã³ïåðòåêñòîâî¿ ðîçì³òêè ñüîãîäí³ º HTML. Êð³ì øèðîêîãî íàáîðó çàñîá³â äëÿ âèçíà÷åííÿ ñòðóêòóðè äîêóìåíòà, â³í ìຠìîæëèâîñò³ çì³íè ¿õ â³çóàëüíîãî ïðåäñòàâëåííÿ. Íàïðèêëàä, ïîñòàâèòè ôîí ã³ïåðòåêñòîâîãî äîêóìåíòà ³ éîãî åëåìåíò³â ìîæíà ð³çíèìè ñïîñîáàìè.
ßê â html çàäàòè ôîí

Âàì çíàäîáèòüñÿ

  • - ìîæëèâ³ñòü ðåäàãóâàííÿ HTML-äîêóìåíòà.

²íñòðóêö³ÿ

1
Äëÿ òîãî ùîá â HTML çàäàòè êîë³ð ôîíà âñüîãî äîêóìåíòà, òàáëèöü, à òàêîæ ¿õ ðÿäê³â, îñåðåäê³â çàãîëîâê³â ³ îñåðåäê³â âì³ñòó, âèêîðèñòîâóéòå àòðèáóò bgcolor åëåìåíò³â BODY, TABLE, TR, TH, TD â³äïîâ³äíî. Äàíèé àòðèáóò ïðèéìຠçíà÷åííÿ, ùî êîäóº êîë³ð ïðîñòîðó SRGB, âèðàæåíå ó âèãëÿä³ ø³ñòíàäöÿòèð³÷íîãî ÷èñëà ç ïîïåðåäí³ì çíàêîì 䳺ç àáî ñèìâîëüíî¿ ìíåìîí³êîþ. íàïðèêëàä:
2


Âèêîðèñòîâóéòå àòðèáóò background åëåìåíòà BODY, ùîá âèçíà÷èòè çîáðàæåííÿ, ÿêå áóäå ôîíîì âñüîãî äîêóìåíòà:³äïîâ³äíî äî ïðèíöèïó ïîä³ëó ñòðóêòóðè ³ ìåõàí³çì³â âèçíà÷åííÿ â³çóàëüíîãî ïðåäñòàâëåííÿ ã³ïåðòåêñòîâèõ äîêóìåíò³â, çàì³ñòü àòðèáóò³â HTML-åëåìåíò³â (ÿê öå îïèñàíî â êðîêàõ 1 ³ 2) ðåêîìåíäóºòüñÿ âèêîðèñòîâóâàòè òàáëèö³ ñòèë³â.
3
Çàäàéòå êîë³ð ôîíà áóäü-ÿêîãî åëåìåíòó çà äîïîìîãîþ âëàñòèâîñò³ background-color CSS. Âèêîðèñòîâóéòå àòðèáóò style äëÿ âèçíà÷åííÿ âáóäîâàíî¿ ³íôîðìàö³¿ ïðî ñòèëü åëåìåíòà àáî äîäàéòå íàáîðè ïðàâèë ç â³äïîâ³äíèìè ñåëåêòîðàìè â òàáëèö³ ñòèë³â:
çåëåíèé ôîí
BODY {background-color: # 00FF00-}


4
Âèçíà÷òå ôîíîâîå çîáðàæåííÿ áóäü-ÿêîãî åëåìåíòó àáî ãðóïè åëåìåíò³â çà äîïîìîãîþ âëàñòèâîñò³ background-image CSS. Éîãî çíà÷åííÿì ïîâèíåí º URI, ùî ³äåíòèô³êóº â³äïîâ³äíèé ðåñóðñ. íàïðèêëàä:
ôîí-êàðòèíêà
BODY {background-image: url ("myimage.jpg")}
5
Çàäàéòå äîäàòêîâ³ ïðàâèëà â³äîáðàæåííÿ ôîíîâîãî çîáðàæåííÿ åëåìåíò³â äîêóìåíòà. Âèêîðèñòîâóéòå CSS âëàñòèâîñò³ background-repeat, background-attachment ³ background-position. Ïåðøå ç íèõ âèçíà÷ຠïàðàìåòðè ìóçè÷íîãî äóáëþâàííÿ, äðóãå - ô³êñàö³þ ùîäî äîêóìåíòà àáî â³êíà ïåðåãëÿäó, à òðåòº - ïî÷àòêîâèé çñóâ àáî âèð³âíþâàííÿ ùîäî êîðäîí³â êîíòåéíåðà. Ó ðàç³ âèíèêíåííÿ çíà÷åííÿìè äàíèõ âëàñòèâîñòåé îçíàéîìòåñÿ â ñïåöèô³êàö³¿ CSS2 íà ñàéò³ w3c.org.


Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!


Îö³í³òü, áóäü ëàñêà ñòàòòþ
Âñüîãî ãîëîñ³â: 89
Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!