Presentation is loading. Please wait.

Presentation is loading. Please wait.

Hazırlayan:Emin BORADNAĞ. HTML-5 HTML-5 Örnek HTML5 body {font-family: Verdana, sans-serif; font-size:0.8em;} header, nav, section, article, footer {border:1px.

Similar presentations


Presentation on theme: "Hazırlayan:Emin BORADNAĞ. HTML-5 HTML-5 Örnek HTML5 body {font-family: Verdana, sans-serif; font-size:0.8em;} header, nav, section, article, footer {border:1px."— Presentation transcript:

1 Hazırlayan:Emin BORADNAĞ

2 HTML-5

3 HTML-5 Örnek HTML5 body {font-family: Verdana, sans-serif; font-size:0.8em;} header, nav, section, article, footer {border:1px solid grey; margin:5px; padding:8px;} nav ul {margin:0; padding:0;} nav ul li {display:inline; margin:5px;} HTML5 Skeleton HTML5 Semantic HTML5 Geolocation HTML5 Graphics Famous Cities London London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Paris Paris is the capital and most populous city of France. Tokyo Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world. © 2014 W3Schools. All rights reserved.

4 HTML-5 Çözüm

5 HTML-5 Örnek

6 HTML4 body { font-family:Verdana,sans-serif;font-size:0.8em; } div#header,div#footer,div#content,div#post { border:1px solid grey; margin:5px;margin-bottom:15px;padding:8px; background-color:white; } div#header,div#footer { color:white;background-color:#444;margin-bottom:5px; } div#content { background-color:#ddd; } div#menu ul { margin:0;padding:0; } div#menu ul li { display:inline; margin:5px; } Monday Times News Sports Weather News Section News Article Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum. Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum. Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum. News Article Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum. Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum. Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum. © 2014 Monday Times. All rights reserved.

7 HTML-5 Çözüm

8 HTML Canvas Your browser does not support the HTML5 canvas tag. var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0,0,150,75);

9 HTML5 SVG SVG açılımı Ölçeklenebilir Vektör Grafikleri SVG Web için grafik tanımlamak için kullanılır SVG W3C tarafından önerilmiştir.

10 HTML SVG Sorry, your browser does not support inline SVG.

11 HTML SVG Sorry, your browser does not support inline SVG.

12 HTML SVG Sorry, your browser does not support inline SVG.

13 HTML SVG Sorry, your browser does not support inline SVG.

14 HTML SVG GS Sorry, your browser does not support inline SVG.

15 HTML Video Your browser does not support HTML5 video. Video courtesy of Big Buck Bunny.

16 HTML Video Your browser does not support the video tag.

17 HTML Video Play/Pause Big Small Normal Your browser does not support HTML5 video. var myVideo = document.getElementById("video1"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width = 560; } function makeSmall() { myVideo.width = 320; } function makeNormal() { myVideo.width = 420; } Video courtesy of Big Buck Bunny.

18 HTML Audio Your browser does not support the audio element.

19 HTML Flash

20 HTML içinde HTML

21 HTML Youtube

';
Ads by Google