/ Published in: HTML
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
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"/> -------- 2b <figure> <img src="resim/linki" alt="About image" /> <figcaption> </figcaption> </figure> 4-a <link rel="stylesheet" href="linki/stylesheet.css" type="text/css" /> --------- 4=b <link rel="stylesheet" href="path/to/stylesheet.css" /> 5a- ---------- 5b <p class=class id=id>Ali veli. 6- <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <ul contenteditable="true"> <li> Drive to abandoned factory </ul> </body> </html> 7- <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <form action="" method="get"> <input id="email" name="email" type="email" /> </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> </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" /> </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'" /> </video> 15- <input type="text" name="username" id="username" placeholder="4 <> 10" pattern="[A-Za-z]{4,10}" autofocus required> 16-