Revision: 42139
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 28, 2011 04:47 by CDRLZ
Initial Code
1- <!DOCTYPE HTML>//HTML5 ile yazım kolaylığı ve kolayca ezberinizde tutatbileceğiniz bir biçimde <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //HTML5 Öncesi 2-a <img src="resim/linki"/> <p>CDRLZ</p> -------- 2b <figure> <img src="resim/linki" alt="About image" /> <figcaption> <p>CDRLZ</p> </figcaption> </figure> 4-a <link rel="stylesheet" href="linki/stylesheet.css" type="text/css" /> <script type="text/javascript" src="linki/script.js"></script> --------- 4=b <link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script> 5a- <p class=class id=id>Ali veli</p> ---------- 5b <p class=class id=id>Ali veli. 6- <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>untitled</title> </head> <body> <h2> To-Do List </h2> <ul contenteditable="true"> <li> Break mechanical cab driver. </li> <li> Drive to abandoned factory <li> Watch video of self </li> </ul> </body> </html> 7- <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>untitled</title> </head> <body> <form action="" method="get"> <label for="email">Email:</label> <input id="email" name="email" type="email" /> <button type="submit">Gönder</button> </form> </body> </html> 8- <input name="email" type="email" placeholder="Email adresinizi giriniz." /> 9-a <div id="header"> ... </div> <div id="footer"> ... </div> -------- 9b <header> ... </header> <footer> ... </footer> 10- header, footer, article, section, nav, menu, hgroup { display: block; } Diye tanıttıktan sonra etiketleri javascript ile oluşturup tarayıcının görmesini sağlamak. document.createElement("article"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("nav"); document.createElement("menu"); 11- <header> <hgroup> <h1> Recall Fan Page </h1> <h2> Only for people who want the memory of a lifetime. </h2> </hgroup> </header> 12- <input type="text" name="someInput" required> 13- <input type="text" name="input" required autofocus> 14- Ses dosyası örnek: <audio autoplay="autoplay" controls="controls"> <source src="file.ogg" /> <source src="file.mp3" /> <a href="file.mp3">Download</a> </audio> Video dosyası örnek: <video controls preload> <source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" /> <source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" /> <p> Your browser is old. <a href="cohagenPhoneCall.mp4">Download</a> </p> </video> 15- <input type="text" name="username" id="username" placeholder="4 <> 10" pattern="[A-Za-z]{4,10}" autofocus required> 16- <p> Aradığınız <mark>"CDRLZ"</mark> İçin sonuçlar listeleniyor </p>
Initial URL
Initial Description
Initial Title
HTML5 Yenilikleri KONU
Initial Tags
Initial Language
HTML