ALLAH (cc)'IN EN GÜZEL İSİMLERİ (ESMA-ÜL HÜSNA)
el - METİN

Çok sağlam, pek kuvvetli, güçlü

     ANASAYFA    |   BEN KİMİM?   |   GALERİ   |   ZİYARETÇİ DEFTERİ   |   İLETİŞİM      Allah'ım! Beni iyilik işledikleri zaman sevinen ve kötülük yaptıkları zaman bağışlanma dileyen kullarından eyle. - İbn Mâce, "Edeb", 57

HTML'ye Giriş

HTML'ye Giriş
 + Yazıyı Büyüt    - Yazıyı Küçült           

Hayırlı günler, bugünkü dersimizde HTML web tasarım diline giriş yapacağız. Html web tasarımın temelini oluşturan programlama dilidir. Web tasarımına yeni başlıyorsanız ya da web tasarım yapıyorum diyorsanız HTML’yi çok iyi bilmeniz gerekiyor.

Html statik sayfalar hazırlamamızı sağlar, dinamik sayfalar yapmak istiyorsanız PHP veya ASP gibi programlama dillerini de işin içine katmamız gerekir. İlerleyen derslerde Php üzerinde de durulacaktır.

Html kodlamayı not defterinde, dreamweaver, vs… editörlerde yazabilirsiniz. Ben windows’un Not Defterini kullanacağım. Html sayfasının dosya uzantısı .html veya .htm dir ama genelde kullanılan uzantı .html uzantısıdır.

Html’de kodlama etiketler <etiket> aracılığıyla yapılır. Bu etiketlere komutlar da diyebiliriz. Html’de bazı etiketler dışında mutlaka her etiketin birde kapanış etiketi vardır. Etiketler küçük büyük karakterleri arasında yazılır. Kapanış etiketleri ise küçük işaretinden sonra bölme işareti “/” konularak yazılır. Açılış ve kapanış etiketleri arasına ise komutun yapacağı işlemler yazılır.

                Örnek: <etiket> ……. </etiket>

HTML YAPISI

Html temel üç etiketten meydana gelir. Bu üç etiket Html dilinin iskeletini oluşturur. Bu etiketler <HTML>, <HEAD>, <BODY> etiketleridir. Bu etiketleri aşağıdaki şekille daha iyi anlayabiliriz.

Html Kod Yapısı

Not:Html’de küçük büyük harf ayrımı yoktur. Etiketler küçük de yazılabilir, büyük de yazılabilir.

  • <HTML> …. </HTML> etiketi: Html dilinin başlangıç ve bitiş etiketidir. Tarayıcılara HTML dilinde kodlama yapıldığını belirtir. Web sayfasının ilk ve son etiketidir.

Örnek:

    <HTML>

               ……… web sayfası içeriği ……

               </HTML>

 

  • <HEAD> …. </HEAD> etiketi: Web sayfamızın baş kısmını oluşturur. Head etiketleri arası sayfa başlığının ve sayfa özelliklerinin tanımlandığı alandır.

Örnek:

     <HTML>

                <HEAD>

                ……Sayfa başlığı ve sayfa özellikleri….

                </HEAD>

                </HTML>

 

  • <BODY> …. </BODY> etiketi: Web sayfamızın görünen kısmını oluşturur. Yani sayfanın vücut kısmı da diyebiliriz. Tarayıcıda görüntülenecek her şey (kişilerin görebileceği her şey) burada yazılmalıdır. Yazılar, resimler, şekiller, vs… bütün görüntülenecek sayfa içeriği body etiketleri arasına yazılmalıdır.

Örnek:

     <HTML>

                <HEAD>

                ……Sayfa başlığı ve sayfa özellikleri….

                </HEAD>

                <BODY>

                …. Sayfa içeriği, kullanıcıya görünecek sayfa içeriği…..

                </BODY>

                </HTML>

Evet ilk web sayfamız hazır. Yukarıdaki örnek bizim her web sayfası için kullanacağımız temel şablondur. Yani web sayfamızın iskeletidir.

Şimdi buraya kadar kodlarımızı not defterinde yazdık gelelim kaydetmeye. Not Defteri menü çubuğundan Dosya menüsündeki Kaydet menü aracına tıklıyoruz. Gelen kaydet penceresinden Kayıt yerini seçtikten sonra,  Kayıt Türünü Tüm Dosyalar seçiyoruz ve Dosya adına da sayfamızın adını yazıp dosya uzantısını da ekleyerek Kaydet butonuna basıyoruz.

HTML Kaydet Ekranı

Not:Web sayfamızın anasayfası index.html, index.htm, default.htm ya da default.html olarak kaydedilmelidir. Tarayıcılar bir sitenin anasayfasını bu isimlerle arar ve açar bu nedenle açılış sayfamız bu isimlerde olmalıdır.

Belirttiğimiz yere ilk web sayfamız kaydedilmiş oluyor. Dosyayı çift tıklayarak tarayıcıda açabilirsiniz.

İlerleyen derslerde görüşmek üzere. Sağlıcakla kalınız.

Mustafa KARSLI

( 5456 ) kez okundu     -     04.02.2013    Tweetle     
html, html dili, html giriş, htmlye giriş, html'ye giriş, html kod yapısı, html etiketleri, html tagı, html dersleri, web tasarım, html web sayfası
Ziyaretçi Yorumları
( 0 ) Yorum
Tümünü Göster
Yorum Ekle
Güvenliğiniz için iP adresiniz kaydedilmektedir. Herhangi bir Hukuki Dava ile karşılaşmamak için hakaret içeren sözler ve argo kelimeler kullanmayınız.
İsim
:
Yorum
:
En fazla 400 karakter
Şehir
:
E-Posta
:
E-Posta adresi Yayınlanmaz
(Güvenliğiniz için ip adresiniz (54.90.92.204) kaydedilecektir)
  Yeni Dersleri Takip etmek İstiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Bilgisayar Ağları
Bilişim Teknolojileri
C Sharp
Çalışmalar
Donanım
Fireworks
Flash - Action Script 3
HTML
JavaScript
Kişisel Gelişim
Okul Öncesi Etkinlik
PHP
Silverlight
Şanlı Tarihimiz
  Zamanlanmış Duyuru/Ödev Bulunmamaktadır...  
Kişisel resim ve yazıları kullanmak yasaktır. Bunun dışındaki dersleri İsim ve Kaynak göstermek şartıyla kullanmak serbesttir.
 Aktif ziyaretçi : 13
 Bugün : 1005
 Toplam : 1324151
Mustafa KARSLI - Bilişim Teknolojileri Öğretmeni © 2008 - 2017  
Site Haritası

 

13