Реферат Розробка та оформлення електронного видання - навчального сайту &HTML5 CSS3&

t =» »src =« images/Action-window-new-icon.png »width="50"/ gt; lt;/a gt; lt;/p gt;

lt; p gt;

lt; p gt; ,,,, (1.7). ,,,, «» «». Lt;/p gt;

lt; p gt;

lt; pre gt;

amp; lt ;! DOCTYPE html amp; gt;

amp; lt; html amp; gt;

amp; lt; head amp; gt;

amp; lt; meta charset=«utf - 8» amp; gt;

amp; lt; title amp; gt; aside amp; lt;/title amp; gt;

amp; lt; script amp; gt; .createElement ( aside ) ;. createElement ( article );

amp; lt;/script amp; gt;

amp; lt; style amp; gt; {: # f0f0f0; lt; span gt;

} {right: 240px; lt; span gt;

}

amp; lt;/style amp; gt;

amp; lt;/head amp; gt;

amp; lt; body amp; gt;

amp; lt; aside amp; gt;

amp; lt; p amp; gt; amp; lt;/p amp; gt;

amp; lt; p amp; gt; amp; lt;/p amp; gt;

amp; lt; p amp; gt; amp; lt;/p amp; gt;

amp; lt;/aside amp; gt;

amp; lt; article amp; gt;

,,

,.

amp; lt;/article amp; gt;

amp; lt;/body amp; gt;

amp; lt;/html amp; gt;

lt;/pre gt;

lt; p gt;

lt; a href=«examples/example1.7.html» title=«» gt;

lt; img alt=»» src=«images/Action-window-no-fullscreen-icon.png» width="50"/ gt; lt;/a gt; lt; a href=«examples/example1.7.html" title=«» target=»_ blank» gt;

lt; img alt=»» src=«images/Action-window-new-icon.png» width="50"/ gt; lt;/a gt;

lt;/p gt;

lt; p gt;

lt; p gt; ,, (1.8). Lt;/p gt;

lt; p gt;

lt; pre gt;

amp; lt ;! DOCTYPE html amp; gt;

amp; lt; html amp; gt;

amp; lt; head amp; gt;

amp; lt; meta charset=«utf - 8» amp; gt;

amp; lt; title amp; gt; figure amp; lt;/title amp; gt;

amp; lt; script amp; gt; .createElement ( figure ) ;. createElement ( figcaption );

amp; lt;/script amp; gt;

amp; lt; style amp; gt;

{: # 5f6a72; lt; span gt;

} {: #fff; lt; span gt;

} {: 150px ;: 150px;: hidden;

} {: 150px;

}

amp; lt;/style amp; gt;

amp; lt;/head amp; gt;

amp; lt; body amp; gt;

amp; lt; article amp; gt;

amp; lt; figure amp; gt;

amp; lt; p amp; gt; amp; lt; img src=«images/sof.jpg» alt=»« amp; gt; amp; lt;/p amp; gt;

amp; lt; figcaption amp; gt; amp; lt;/figcaption amp; gt;

amp; lt;/figure amp; gt;

amp; lt; figure amp; gt;

amp; lt; p amp; gt; amp; lt; img src=«images/pol.jpg» alt=»« amp; gt; amp; lt;/p amp; gt;

amp; lt; figcaption amp; gt; amp; lt;/figcaption amp; gt;

amp; lt;/figure amp; gt;

amp; lt;/article amp; gt;

amp; lt;/body amp; gt;

amp; lt;/html amp; gt;

lt;/pre gt;

lt; p gt;

lt; a href=«examples/example1.8.html» title=«» gt;

lt; img alt=»» src=«images/Action-window-no-fullscreen-icon.png» width="50"/ gt; lt;/a gt;

lt; a href=«examples/example1.8.html" title=«» target=»_ blank» gt;

lt; img alt=»» src=«images/Action-window-new-icon.png» width="50"/ gt; lt;/a gt;

lt;/p gt;

lt; p gt;

lt; p gt; lt; span gt;

lt; p gt;

lt; p gt; lt; span gt;

(1.9). lt;/p gt;

lt; p gt;

lt; pre gt;

amp; lt ;! DOCTYPE ht...