HTML5_Logo_256

TR Kodlama’dan HTML5 Taslağı

Merhaba arkadaşlar,

Daha önce sizlere HTML5 hakkında kısa bir bilgi vermiştim. Bugün de sizlere hazır bir HTML5 taslağı veriyorum. Bu taslak sayesinde birçok işlemden anında feragat edebileceksiniz.

Aşağıdaki HTML5 Taslağı sayesinde yeni bir sayfa oluşturduğunuzda içini doldurmak için ekstra zaman kaybetmeyeceksiniz. Aşağıdaki taslak üzerinden html tasarımınıza rahatlıkla başlayabilirsiniz. Kullanılan etiketler hakkında kısa açıklamalarda da bulundum.

İşte HTML5 taslağı:

<!DOCTYPE HTML>
<html lang="tr">
<head>
<meta charset="utf-8" />
<title>www.trkodlama.com</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="stil.css" />
<meta name="generator" content="http://www.trkodlama.com">
</head>
<body>
<section>
<!-- section etiketi sayfanızı bölümlendirmeye yarar -->
	<header>
<!-- header etiketi sayfalarınızın başlık kısımlarını belirtir -->
		<nav>
<!-- nav etiketi menülerinizin bulunduğu kısmı belirtir -->
		</nav>
	</header>
</section>
<section>
	<article>
<!-- article etiketi yazı alanlarını belirtmek için kullanılır -->
	<p>TR Kodlama </p>
	<p>Güncel Programlama Makaleleri</p>
	<figure>
		<img src="resim.png" />
		<figcaption>Deneme resim</figcaption>
<!-- figcaption etiketi resime açıklama eklemek için kullanılır -->
<!-- figure etiketi resim eklemenizi sağlar -->
	</figure>
		<small>Küçük yazım</small><!-- small etiketi yazıyı herhangi bir stil belirtmeden küçük yazdırmanızı sağlar -->
	<mark>Vurgulu www.trkodlama.com</mark><!-- mark etiketi yazılarınızı vurgulu yazmanızı sağlar -->
</article>
</section>
<section>
	<aside>
<!-- aside etiketi sağ ve sol bloklarınızı belirlemede kullanabilirsiniz -->	<p>TR Kodlama Forumu</p>
	<p>Programlama Destek Forumu</p>
	</aside>
</section>
<section>
<footer>
<!-- footer etiketi sitelerinizin alt kısmıdır. nav etiketini burda da kullanabilirsiniz. -->
	<p>http://www.trkodlama.com</p>
</footer>
</section>
</body>
</html>

Bu framework’ün çalışan demosuna buraya tıklayarak ulaşabilirsiniz.

Umarım işinize yarar, kolay gelsin,

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

Yorum yazma sırası sizde!