Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
75 lines (67 sloc) 3.47 KB
ID post_title author post_excerpt layout permalink published post_date
230
TR Kodlama’dan HTML5 Taslağı
Oral ÜNAL
post
true
2011-08-19 17:23:03 -0700

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>
            <!-- figure etiketi resim eklemenizi sağlar -->
                <img src="resim.png" />
                <figcaption>Deneme resim</figcaption>
                <!-- figcaption etiketi resime açıklama eklemek için kullanılır -->
            </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,