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

Her ÅŸeyi görüp gözeten, gözetici ve koruyucu olan.

     ANASAYFA    |   BEN KİMİM?   |   GALERİ   |   ZİYARETÇİ DEFTERİ   |   Ä°LETİŞİM      Akrabaya, yoksula ve yolda kalmış yolcuya haklarını ver, fakat saçıp savurma. Çünkü saçıp savuranlar ÅŸeytanların kardeÅŸleridir. Åžeytan ise Rabbine karşı çok nankörlük etmiÅŸtir. - İsrâ, 17/26-27

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

( 6809 ) 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 (3.236.156.34) kaydedilecektir)
  Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Arduino
Bilgisayar Ağları
BiliÅŸim Teknolojileri
C Sharp
Çalışmalar
Donanım
Fireworks
Flash - Action Script 3
Gezdik ve Gördük
HTML
JavaScript
KiÅŸisel GeliÅŸim
Okul Öncesi Etkinlik
PHP
Silverlight
Şanlı Tarihimiz
Yazılarım
  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 : 2
 Bugün : 56
 Toplam : 2275200
Mustafa KARSLI - BiliÅŸim Teknolojileri Öğretmeni © 2008 - 2021  
Site Haritası

 

2