HTML'e giriş olarak ilk olarak HTML kod mantigina bakmak gerekir. HTML kodları genel olarak <HTML> </HTML> TAGleri arasında yer alır. Bu zorunlu olmasa da genellik kullanılır.
<HTML>
...
</HTML>
HTML kodları yapı olarak iki bölümden oluşur <head> ve < body>. <head>... </head> TAGi arasında genelde sitemiz ile ilgili bilgiler ve özellikler yer alır. Bu kısım kullanıcalara direkt olarak ekrana yansımaz fakat dolaylı yoldan site içeriğini etkiler ve sitenin en üstünde giriş kısmında yer alır. İlerki aşamalarda ([Site Başlıkları]) bu konu hakkında daha fazla bilgi bulabilirsiniz. <body> </body> TAGi arasında iste sitemizin görünen yüzünü oluştururuz. HTML TAGi gibi bu TAGleride kullanmak zorunlu değildir ama kullanılması tavsiye edilir.
<HTML>
<head>
Kulanıcının görmedikleri
</head>
<body>
Kullanıcının gördükleri
</body>
</HTML>
<head> bölümünde şuan için bilmemiz gereken en önemli TAG <title> TAGidir. Bu TAG arasına yazdığımız cümle sitemizin başlığını oluşturur. Daha önce oluşturduğumuz test.HTML dosyasını not defterinde açalım ve en üst kısma <title> Site Başlığım <title> yazalım ve kaydedelim. Bu hali ile test.HTML dosyasını internet explorer ile açtığımızda internet explorer başlığında "Site Başlığım" yazısını görebilirsiniz.
<body> kısmında sitemizi oluşturmaya başlayalım. Burda kısaca en basit TAGlerden bahsedip bir sonraki bölüme geçeceğim.
Kapatılması zorunlu olmayan TAGler
|
<hr> |
Sitemizde bir çizgi çizmemizi sağlar. |
|
<br> |
Bir alt satıra geçmemizi sağlar. |
Kapatılması zorunlu TAGler
|
<center> </center> |
arasına bulunan cümlenin sayfa içinde ortalanmasını sağlar. |
|
<b> </b> |
arasında bulunan cümlenin diğer cümlelere göre koyu görünmesini sağlar. |
|
<i> </i> |
arasında bulunan cümlenin italik dediğimiz biraz yatsı bir şekilde görünmesini sağlar. |
|
<h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> |
ingilizce Header Başlık kelimesinin baş harfi ve başlığın büyüklük oranını belirleyen 1 den 6 ya kadar sayılardan oluşan başlık oluşturma TAGidir. Teker teker kullanırsanız arasına koyduğunuz cümlenin koyu oldugunu ve boyutunun değiştiğini göreceksiniz. |
|
<p> </p> |
Paragraf oluşturma TAGidir ve her paragraf için kullanılır. <br> TAGi ile benzer özelliklerde olmasına rağmen farklıdırlar. <br> TAGi bize sadece bir alt satıra geçmemize olanak verirken <p> TAGi aynı zaman da paragraf üzerinde (renk yazı türü yazı boyutu ...=) oynamamıza olanak verir. |
Şimdi bu TAGleri bir örnekte kullanıp nasıl çalıştıklarını görelim.
<HTML>
<head>
<title> HTML giriş başlık</title>
</head>
<body>
<center> <h1> HTML'e giriş </h1> </center>
<h3> Konu Başlığı</h3>
<p> Paragraf burda başlıyor ve <b> bukısım koyu< /b> <i> bu kısım italik </i> oluyor </p>
<hr>
<p> Araya bir çizgi çektikten sonra da konumuza bir alt satıra gecerek <br> devam ediyoruz.
</body>
</HTML>
Bu TAGlerin dışında daha bir çok TAG bulunmaktadır. Döküman içinde size genel de en fazla kullanılan TAGleri anlatmaya çalışacağım.
Son olarak sitemizi yaparken kullanıcının görmesini istemediğimiz ama kodlarda açıklama amaçlı bilgiler bulunmak isteyebiliriz. Bunun için HTML de <!-- --> TAGleri bulunur. Bu TAG arasında yazdığımız yazılar gözterilmez. Test.HTML dosyamızı açıp herhangi bir yerine <!-- Bu kısım gösterilmeyecek --> Yazıp kaydedelim. Sayfanızı açtığınızda yazmış olduğunuz yazının görünmediğini görebilirsiniz. bu genelde sitemizin giriş kisminda sayfa hakkinda bilgi vermek amaci ile kullanilir.
HTML'e giriş dokumaninda basitce HTML'i nasil kullanilacagini anlattim. Diger dokumanlarda daha detayli bilgi bulabilirsiniz
