![]() Óðîêè îò Äæóëèè
Ó÷èìñÿ äåëàòü ðàìêè. Äëÿ ðàìêè íàì íóæíû ôîíû è èõ àäðåñà. Àäðåñ ôîíà âñåãäà íà÷èíàåòñÿ ñ http://
ß ëè÷íî ïîëüçóþñü Ðàäèêàëîì äëÿ ïîëó÷åíèÿ òàêîãî àäðåñà. Áåð¸òñÿ ññûëêà ïîä ¹1. Èòàê, íà÷í¸ì. Ñòàâèì ïåðâûé ôîí â ðàìêå <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="ÔÎÍ"><tr><td>ÑÎÄÅÐÆÈÌÎÅ ÐÀÌÊÈ</td></tr></table> ÔÎÍ - ýòî êîä //s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg" èç Ðàäèêàëà, ññûëêà ¹1 Ïîäñòàâëÿåì ýòîò êîä âìåñòî ñëîâà ÔÎÍ <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td>ÑÎÄÅÐÆÈÌÎÅ ÐÀÌÊÈ</td></tr></table> È âîò, ÷òî ó íàñ ïîëó÷èëîñü
Òåïåðü ïîñëå <tr><td> ñòàâèì âòîðîé ôîí <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"1"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/134/0906/62/493ae9eead5a.jpg"><tr><td> ÑÎÄÅÐÆÈÌÎÅ ÐÀÌÊÈ</td></tr></table></td></tr></table> Îáðàòèòå âíèìàíèå íà êîíöîâêó: çäåñü óæå ïðîïèñàíî äâàæäû </td></tr></table> Ýòî ïîòîìó, ÷òî ó íàñ óæå 2 ôîíà. È òàê áóäåì äîïèñûâàòü òàêèõ ýëåìåíòîâ ñòîëüêî, ñêîëüêî ó íàñ áóäåò ôîíîâ. Ñìîòðèì, ÷òî æå ó íàñ ïîëó÷èëîñü.
À òåïåðü äîáàâèì åù¸ ïàðî÷êó ôîí÷èêîâ <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td> ÑÎÄÅÐÆÈÌÎÅ ÐÀÌÊÈ</td></tr></table></td></tr></table></td></tr></table></td></tr></table>
Ìîæíî äîáàâëÿòü ôîíîâ ñêîëüêî õîòèòå. Òåïåðü âñòàâèì êàðòèíêó âìåñòî ñëîâ ÑÎÄÅÐÆÈÌÎÅ ÐÀÌÊÈ <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td><img src="//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"> </td></tr></table></td></tr></table></td></tr></table></td></tr></table> Êîä êàðòèíêè áåð¸òñÿ èç Ðàäèêàëà, ññûëêà ¹6. Íà÷èíàåòñÿ ñ <img src= Ó íàñ ýòî <img src="//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"> È ÷òî æå ó íàñ ïîëó÷èëîñü?
Äîáàâèì ê êàðòèíêå òåêñò.
Êàê-òî îí ó íàñ âñòàë íå ïðàâèëüíî. Áóäåì èñïðàâëÿòü. Íàì âåäü íàäî, ÷òîáû îí áûë ïîä êàðòèíêîé è ïî öåíòðó. Èñïîëüçóåì ýëåìåíò center, ò.å. çàêëþ÷èì âåñü òåêñò â òýãè <center></center> <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td><img src="//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"><center>Ó÷èìñÿ äåëàòü ðàìêè</center></td></tr></table></td></tr></table></td></tr></table></td></tr></table>
Âû, êîíå÷íî, çàìåòèëè, ÷òî òåêñò ó ìåíÿ ïîìåíÿë öâåò è ðàçìåð. Ýòî ÿ äîáàâèëà íåêîòîðûå àòðèáóòû òåêñòà. Îá ýòîì ÿ óæå, ïî-ìîåìó, ïèñàëà. À åñëè íåò, òî íàïèøó. Òåïåðü ïîñìîòðèòå íà ýòó æå ðàìêó, íî ñ íåêîòîðûìè èçìåíåíèÿìè.
 íåé ÿ ïîìåíÿëà çíà÷åíèÿ cellspacing è cellpadding cellspacing="10" - ðàññòîÿíèå ìåæäó ÿ÷åéêàìè cellpadding="0" - îòñòóï òåêñòà èëè ñëåäóþùåé ðàìêè îò ïðåäûäóùåé (åñëè ñîçäàåì ðàìêó èç íåñêîëüêèõ ôîíîâ). 10 è 0 ìåíÿéòå êàê âàì íðàâèòñÿ. Òåïåðü åù¸ âîò, ÷òî íàäî çíàòü width - ýòî øèðèíà ðàìêè. Åñëè íóæíà îïðåäåëåííàÿ øèðèíà, òî âìåñòî 100% ñòàâèì íóæíûé ðàçìåð â ïèêñåëÿõ èëè èçìåíÿåì êîëè÷åñòâî ïðîöåíòîâ. border="0" - òîëùèíà ðàìêè â ñåðîì öâåòå. ×òîáû íå ïîðòèòü êðàñîòó, ñòàâüòå íîëü. Ïðè âñòàâêå ññûëîê áóäüòå âíèìàòåëüíû, ìåæäó ññûëêîé è êàâû÷êàìè íå äîëæíî áûòü ïðîáåëîâ. Ðàìêó ñîçäàåì â ôîðìàòå HTML. Íó âîò, ïîæàëóé, è âñ¸ äëÿ íà÷àëà. ×òî íå ïîíÿòíî, ñïðàøèâàéòå.
Æåëàþ óäà÷è! Âñå óðîêè Èç áëîãà Äæóëèè äëÿ Âàñ |














