Skip to content

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>
            <!-- 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,

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!