Html5 İskeleti
Etiketler:
Html,
Html5,
Html5 Kodları
Html5 oldukça kullanışlı, mutlaka öğrenilmesi gereken, Html'ın son dilidir.
Html5'i tek başına kullanmak tasarımsal anlamdan pek bir işimize yaramaz. Bunun için Css'in son sürümü olan Css3'ü öğrenmeliyiz. Kısacası Html'i bir duvar olarak düşünürsek, Css boyadır. Kullanışlı duvarlara uyumlu boyalar sürerseniz iyi bir tasarımcı olursunuz.
İşte HTML5 İskeleti:
<!DOCTYPE html>
<html lang=“tr”>
<head>
<title>Html5 İskeleti</title>
<meta charset=“utf-8”>
<!–[if lt IE 9]>
http://html5shiv.googlecode.com/svn/trunk/html5.js
<![endif]–>
<style>
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;}
</style>
</head>
<body>
<header>
<h1>Html5 İskeleti</h1>
</header>
<nav>
<ul>
<li><a href="#">K1</a></li>
<li><a href="#">K2</a></li>
<li><a href="#">K3</a></li>
</ul>
</nav>
<section>
<h1>Başlık</h1>
<article>
<h2>Deneme Başlık</h2>
<p> Deneme metin</p>
</article>
<article>
<h2>Website Kodları</h2>
<p>HTML5</p>
</article>
<article>
<h2>Merhaba</h2>
<p>Dünya</p>
</article>
</section>
<footer>
<p>© 2016 Webkodlariz</p>
</footer>
</body>
</html>
Kaydol:
Kayıt Yorumları (Atom)
Hiç yorum yok:
Yorum Gönder