Go Back   Sohbet Forumları > SohbetForumlariCom ~Webmaster~ > Web Dilleri > HtmL


Konu Bilgileri
Konu Başlığı
HTML Nedir? Niçin kullanılır?
Konudaki Cevap Sayısı
0
Şuan Bu Konuyu Görüntüleyenler
 
Görüntülenme Sayısı
817

Kullanıcı Tag Listesi

Yeni Konu aç Cevapla
LinkBack Seçenekler Stil
Okunmamış 13/05/2018, 20:25   #1
Forum Sorumlusu
ircpolice - ait Kullanıcı Resmi (Avatar)

Sohbet Forumları - EN Kaliteli Paylaşım Platformu!
Üye No: 3116
Üyelik tarihi: May 2018
Üye Grubu: Co Admin
Mesajlar: 16
Konular: 13
Şube: İstanbul Avrupa Şubesi
İlişki Durumu: İlişkisi Yok
Ruh Hali:  Bitkin
Tuttuğu Takım:

Level: 2 [♥ Bé-Yêu ♥♥ Bé-Yêu ♥]
Paylaşım: 0 / 43
Güç: 5 / 362
Tecrübe: 74%

Teşekkürler: 4
3 Mesajına 3 Kere Teşekkür Edildi
REP Gücü : 3
REP Puanı : 10
REP Seviyesi : ircpolice is on a distinguished road
Arrow HTML Nedir? Niçin kullanılır?

HTML bir programlama dili değildir, genelde tasarım ve şablon oluşturma amaçlı kullanılan bir dildir. Tanımı zengin metin işaret dili olarak geçer ama bu tarz tanımlamalarla kafanızı karıştırmamak için düz bir şekilde anlatacağım.

En basitinden bir giriş formu HTML ile yapılır fakat bu giriş formunun çalışması yani kullanıcı adı ve şifre girilip, giriş yap butonuna basınca işlem yapması için programlama dili gerekir. İşte HTML ile programlama diliarasındaki farkı ve birbirine bağlılığı burada anlamak mümkün. HTML tek başına bir işe yaramaz, sadece bir görüntü oluşturur ama
programlama diliyle yapılan kontrol ve işlemler bunların işlevsel olmasını sağlar, işlem yapmasını sağlar. Burada mantığı kavradıysanız kodları görünce ve işlemler yapmaya başladıkça farkı daha rahat görebileceksiniz.

Kod:
        Bir html tagı “<” ile açılır ve “/>” ile kapatılır. HTML kullanacağımız bir sayfaya “<html>” tagıyla başlanır ve “</html>” tagıyla bitirilir.
<html> tagları içerisinde sayfamız iki bölümden oluşur;

Kod:
        Head – Üst bilgiler kısmı
Body – Gövde,içerik kısmı
Head ( Üst bilgiler kısmı ) : Sitemiz ait anahtar kelimeler, açıklama, site başlığı gibi bilgileri kapsayan kısımdır. Bu kısımda sayfamızın özellikleri kodlanır, kullanıcıya hitap eden üye giriş forumları, yazılar vb. bu kısımda kodlanmazlar.

Body ( İçerik kısmı ) : Adından da anlaşılacağı üzere kullanıcıya hitap eden, formlar, yazılar, görseller, linkler vb. bu kısımda kodlanır ve sitemizin kullanıcıya yönelik tüm işlemlerini yapacağımız kısımdır.

Örnek bir html sayfası şu şekildedir;
Kod:
        <html>
<head>
<title>Site Başlığı</title>
</head>
<body>
Site içerik kısmı.
</body>
</html>
Bu tarz bir sayfanın çıktısı şu şekilde olacaktır;
Kod:
        Site içerik kısmı
Bir site programlanırken ilk başta bu html yapı oluşturulur ve içerikle ilgili kodlamalar body tagları arasında yapılır. Html bunun yanı sıra yazıları biçimlendirme ve tasarım alanlarında da kullanılır biz bunların üzerinde fazla durmadan temel biçimlendirme kodlarından bahsedip bize başlangıç için asıl lazım olacak form oluşturma kodlarına gideceğiz.

Yazı biçimlendirmeye dair html kodlar şunlardır;

Kod:
        <b> </b> – bold tagı ( Arasına alınan yazıyı kalın yapar. )
<i> </i> – italic tagı ( Arasına alınan yazıyı italik yani yatay yapar. )
<u> </u> – underline tagı ( Arasına alınan yazıyı altı çizili yapar. )
<h> </h> – head tagı ( Arasına alınan yazının başlık olduğunu belirtir ve başlık boyutuna taşır. )
<h1> </h1> – head 1 tagı ( Arasına alınan yazının 1.başlık olduğunu belirtir ve başka başlıklarda kullanılacaksa bu tag ana başlık için kullanılabilir çünkü; yazı boyutu daha büyüktür. )
<h2> </h2> – head 2 tagı ( Arasınan alınan yazının 2.başlık olduğunu belirtir boyut biraz daha küçüktür. )
<h3> </h3> – head 3 tagı ( Arasınan alınan yazının 3.başlık olduğunu belirtir boyut biraz daha küçüktür. )
head tagları 1 den 6′ya kadar gidebilir ve sayı arttıkça font küçülür. Her sayı bir sonraki başlığı belirtir.
<p> </p> – paragraf tagı ( Arasına alınan yazının bir paragraf olduğunu belirtir. )
<br> – break tagı ( Yazıdan sonra kullanılır ve kapatılma tagı gerektirmez, yazıdan sonra veya önce kaç kez <br> yazılırsa o kadar satır aşağı atlar. )
<img src=””/> – image tagı ( src kısmı source yani kaynak kelimesinden gelmektedir. Bu tag sayfamıza resim eklemek içindir. Eklemek istediğimiz resmin internet adresi src=” buraya” gelmelidir.İmage tagını kullanırken
<img src=”www.siteadi.com/resim.jpg”> </img> tarzı bir kullanım YANLIŞTIR.
<img src=”www.siteadi.com/resim.jpg”/> tarzı bir kullanım DOĞRUDUR.
Yazı ve metinlerle ilgili bu kadar biçimlendirme kodu şuan için yeterlidir. İlerleyen konularda bunların biraz daha gelişmiş hallerini göreceğiz. Şu aşamada size tavsiyem not defterini açarak oluşturduğumuz örnek html sayfasına bakarak bir html yapı oluşturup, body tagları içerisinde üstte vermiş olduğumuz biçimlendirme kodlarını test etmenizdir. Not defterini açın, kodları yazın daha sonra Dosya >> Farklı Kaydet kısmına tıklayıp dosya adı kısmında ki *.txt’i silin dosyaadi.html şeklinde düzenleyip kaydet’e tıklayın daha sonra o dosyaya gidip tıkladığınız da yazmış olduğunuz kodların sonucunu tarayıcınızda göreceksiniz.

___________________________________________

Senin de bir gün için düşer bana, o zaman görüşürüz...
ircpolice isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla

ircpolice Kullanicisinin Son 5 Konusu
Baslik Kategori Son Yazan Cevaplar Okunma Son Mesaj
ASP Kullanarak Neler Yapabilirsiniz? Asp ircpolice 0 1125 13/05/2018 20:33
Bir ASP Dosyası Nedir? Asp ircpolice 0 968 13/05/2018 20:32
ASP Nedir? Asp ircpolice 0 789 13/05/2018 20:31
Temel HTML Yapısı HtmL ircpolice 0 859 13/05/2018 20:30
HTML Nedir? Niçin kullanılır? HtmL ircpolice 0 817 13/05/2018 20:25

Yeni Konu aç Cevapla

Etiketler
html kodları, html nedir


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Kapalı



Sitemizde Yenimisiniz ? Yardım Konuları

Tüm Zamanlar GMT +2 Olarak Ayarlanmış. Şuanki Zaman: 06:24.

Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.1
İletişim - Arşiv - Kontrol Paneli