HTML Hakkında Herşey[EgzotikForum]
Egzotik Forumları

Hayatın içinden...

Giriş yap

Şifremi unuttum



Anket

Egzotik Forum'dan MemNun Musunuz?

HTML Hakkında Herşey[EgzotikForum] I_vote_lcap96%HTML Hakkında Herşey[EgzotikForum] I_vote_rcap 96% [ 915 ]
HTML Hakkında Herşey[EgzotikForum] I_vote_lcap1%HTML Hakkında Herşey[EgzotikForum] I_vote_rcap 1% [ 7 ]
HTML Hakkında Herşey[EgzotikForum] I_vote_lcap1%HTML Hakkında Herşey[EgzotikForum] I_vote_rcap 1% [ 6 ]
HTML Hakkında Herşey[EgzotikForum] I_vote_lcap3%HTML Hakkında Herşey[EgzotikForum] I_vote_rcap 3% [ 24 ]

Toplam Oylar : 952

En son konular

» Ticaret Bakanlığı, mevzuata uygun şekilde gümrük işlemi tamamlanmadığı için gümrükte terk edilen eski ABD’li basketbolcu Michael Jordan imzalı 3 çift spor ayakkabıyı 5 milyon liraya satışa çıkarttı.
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 19:17:59

» Beşiktaş'ta haciz şoku! Ödeme apar topar yapıldı
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 19:10:13

» Fenerbahçe Beşiktaş derbisinde Volkan Bayarslan düdük çalacak!
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 19:09:09

» Beylikdüzü’nde yunus balığının tekneye eşlik ettiği, izleyenleri gülümseten anlar! “İlk defa böylesine denk geliyorum"
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 19:03:22

» İstanbul'da bir şahıs tahtaları söküp saldırdığı ağaçla kavga etti: O anlar kamerada
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 19:01:09

» Şişli'de yol çöktü, araçlar içine düştü
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 18:58:20

» KKM'de parası olanlar dikkat! Mevduat faizleri için Merkez Bankası'ndan yeni karar! Faiz oranı yükseldi
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 18:57:11

» Yeniden Refah Partisi'nde istifa şoku! Seçimi kazanan belediye başkanı ile yollar ayrıldı: 'Bugünden itibaren...'
tarafından Yazar : EgzotikForum Perş. 25 Nis. - 18:56:17

» Galatasaray'ın efsanesi Muslera'dan emeklilik açıklaması! ''Herkese teşekkür ediyorum''
tarafından Yazar : EgzotikForum Çarş. 24 Nis. - 19:37:48

» Dursun Özbek'i güldüren diyalog! ''Şampiyonluğunuz şimdiden hayırlı olsun''
tarafından Yazar : EgzotikForum Çarş. 24 Nis. - 19:36:53


Bağlı değilsiniz. Bağlanın ya da kayıt olun

HTML Hakkında Herşey[EgzotikForum]

Aşağa gitmek  Mesaj [1 sayfadaki 1 sayfası]

1HTML Hakkında Herşey[EgzotikForum] Empty HTML Hakkında Herşey[EgzotikForum] Cuma 5 Ağus. - 18:37:50

Yazar : EgzotikForum


-
-

HTML NEDİR?

İngilizce’si HyperText Markup Language olan Html web sitesi tasarlamak için kullanılan bir dildir. Asıl amacı sahip olunan
bilgilerin bir dokümana yazılıp bu dokümanların başka kişilerce
okunabilmesini, elde edilebilmesidir.Bu da HyperText (bağlantılı
metinler) ile sağlanıyor.Yani sayfanın içindeki bir linkin olması ve bu
link ile başka sayfalara erişebilmek anlamına geliyor.

TEMEL HTML TAGLARI VE PARAMETRELERİ



SAYFA BASLIĞI



Sayfa içeriği bu bölüme gelir




Bir html sayfasının en sade hali yukarıdaki gibidir. tagı
ile başlar ile biter. tagları
arasına meta tagları cssler javascriptler konulur. <br /> tagları arasına sayfa başlığı yazılır.
tagları arasına sayfada bulunmasını istediğimiz yazı resim
vb içeriği yerleştiririz.

BODY Tagının parametleri


* BGCOLOR Arka plan rengini belirler
* BACKGROUND Arka plana resim ekler
* TEXT Yazı rengini belirler
* LINK Sayfadaki linklerin(bağlantıların) rengini belirler
* ALINK Aktif link rengini belirler
* VLINK Ziyaret edilmiş linklerin rengini belirler
* LEFTMARGIN Sayfanın sol ve sağından ne kadar içeriye doğru kayacağını belirler.
* TOPMARGIN Sayfanın üst kısmından ne kadar içeriye doğru kayacağını belirler.

Örnekler

veya
Arka plan rengini değiştirmek için rengin ingilizce adını (red gibi)
yada hexadecimal kodunu (#FF0000 gibi) girmeliyiz. Dikkat ettiyseniz
hexadecimal kodu girerken kodun başına # işareti ekliyoruz Eğer kod
kullanacaksak bu işareti kullanmalıyız yoksa yanlış olur.


Artalan resim eklemek için bu komutu kullanırız " " iki tırnak işareti
arasına resmin bulundugu yeri ,resmin adını ve resmin uzantısını yazarız
"banner.JPG" örneğinde banner resmin adı JPG ise resmin uzantısı (türü)
resim eğer html belgemiz ile aynı klasörde ise yolu yazmıyoruz
Eğer banner adlı resmimiz resimler klasörü altında ise şeklinde belirtiyoruz.

yazı rengini sarı yaptık

linkler mavi aktif link kırmızı ziyaret edilmiş linkler mor oldu.

sayfa içeriği kenara yapışık olmadı belirttiğimiz miktarda içeriye kaydı.



META (TANIMLAMA) TAGLARI

* kodu ı,ğ,ş,ç gibi türkçe karakterlerin düzgün
çıkması için browsera sayfanın türkçe oldugunu söyler
*

Kodu sayfanın tasarımcı kimliğini gösterir
*

Kodu sayfanın telif hakkının kime ait olduğunu gösterir.
*

Kodu sayfanın hangi kelimeleri içerdiğini
gösterir.Bu kod arama motorlarında sitenizin adının geçmesi için çok
önemlidir.
*

Kodu sayfanın kısa tanımı yapılmak için kullanılır
*

Kodu sayfanın hangi editörle yapıldığını gösterir
*

Kodu sayfanızı tüm
arama motorlarının veri tabanına kaydolabilme hakkının verilmiş
olduğunu gösterir.
*

Kodu sitenizin hangi
kategoride, sınıfta olduğunu gösterir. GENERAL yazmakla bütün katagoride
olduğu belirtilmiş oldu.
*

content="3RL=http://www.ahmetozdemir.com.tr.tc"> Sayfa açıldıktan 3
saniye sonra belirtilen url’ye gider url’yi aynı sayfa olarak
belirtirsek sayfayı 3 saniyede bir yenilemiş oluruz.



YAZI YAZMAK VE BİÇİMLENDİRMEK

* yazacağımız yazı
bu iki tag arasında kalan yazı belirtilen özellikleri alır
size büyüklük color yazı rengi face yazı tipini belirler.
* yazacağımız yazı iki tag arasında kalan
yazının büyüklüğünü belirler size ile aynı görevdedir & işareti
yerine 1 den 6 ya kadar olan rakamlar gelebilir rakam büyüdükçe yazı
boyutu küçülür
*
yazacağımız yazı
yazıyı satırın ortasına taşır.
*

yazacağımız yazı

yazıyı satırın soluna taşır.
*

yazacağımız yazı

yazıyı satırın sağına taşır.
*

yazacağımız yazı

yazıyı satırın
ortasına taşır
tagı ile aynı görevdedir
*
yazıyı bir alt satırdan devam ettirmek için

tagını kullanırız normal yazı yazar gibi enter ile alt satıra insek bile
html belgemizdeki yazı aynı satırda olacaktır bunun için alt satıra
geçmek istiyorsak bu etiketi kullanmalıyız
*

bu tag’a 2*br diyebiliriz 2 satır alttan devam etmek için
bunu kullanırız ayrıca pragraf yapmak içinde bu tagı kullanırız
* NOT:
,

ve


tagının bitiş tagı yoktur diğer tüm tagların başlangıç ve bitiş tagları bulunur.
* yazacağımız yazı iki tag arasındaki yazı altı çizgili olur
* yazacağımız yazı iki tag arasındaki yazı italik olur
* yazacağımız yazı iki tag arasındaki yazı kalın olur
* yazağımız yazı yazacağımız metnin tek
satırda olmasını istersek bu tagı kullanırız eğer kullanmazsak uzun olan
metnimiz sayfanın sonuna gelince otomatik olarak alt satırdan devam
eder
*
 

YA Z A CAĞ I MI Z YAZ I

bu iki tag arasındaki yazı aynen çıkar yani enterla alt
satıra geçersek ve bu tagı kullanırsak html belgemizdede alt satırda
olur tıpkısının aynısı yani
*


yazağımız yazı

bu iki tag arasına yazılan yazı sayfanın hem sağından hemde solundan bir miktar içeri kayar
* yazacağımız yazı iki tag arasındaki yazı satırın birazcık üzeride görünür.
* yazacağımız yazı iki tag arasındaki yazı satırın birazcık altında görünür.
* yazacağımız yazı iki tag arasındaki yazı üstü çizili olur
* yazacağımız yazı vurguyu belirtmek için kullanılır dışarıya biraz eğik çıkar
* yazacağımız yazı güçlü vurguyu belirtir dışarıya biraz koyu çıkar
* yazacağımız yazı yasa kural belirten yazılar için kullanılır
* yazacağımız yazı
* yazacağımız yazı tam emin olmadığımız yazılar için kullanılır.
* yazacağımız yazı tanımlama belirten yazılar için kullanılır.
* yazcağımız yazı alıntı olan yazıyı belirtmek için kullanılır.
* yazacağımız yazı bu iki tag arasındaki yazı dışarıya çok küçük çıkar.
* yazacağımız yazı bu iki tag arasına yazılan yazı dışarıya çok büyük çıkar.
* yazağımız yazı bu iki tag adres belirtmek için kullanılır.
* yazacağımız yazı bu iki tag arasına yazacağımız yazı keyboard karakterleri gibi görünür.
* yazacağımız yazı bu iki tag arasına yazılan yazı daktilo yazısı gibi olur.
*
yazacağımız yazı

yazının satırın neresinde görünmesini bu tag ile belirleriz

left | center | right >

ile aynı görevdedir
*
bu tag çizgi çizdirmeye
yarar width yatay uzunluğu color rengi size dikey uzunluğu belirler.
* left scrolldelay="100" scrollamount="30" width="400" height="15"
behavior="alternate" >
yazıcağımız yazı veya ekleyeceğimiz resim bölümü
bgcolor kayan bölgenin arka plan rengini belirler ,
loop kaç kez kayacağını belirler bunu kullanmazsak sonsuza kadar kayar ,
direction kayma yönünü belirler up yukarı down aşağı left sola right
sağa , scrolldelay kayma hızını belirler sayı arttıkça hız düşer
scrollamount zıplayarak gitme hızını belirler sayı arttıkça hız artar
,width kayan bölgenin genişliğini height ise kayan bölgenin yüksekliğini
belirler.
* bu tag kodların düzenli olabilmesi için kullanılır örneğin
yazdıgımız kodlar ne işe yarar not düşeriz bu tag ile ve sayfada
görünmez.

Tablodaki hücreleri yatay ve dikey birleştirmek

* Yanyana iki hücreyi birleştirmek

yanyana iki hücreyi birleştirmek için colspan komutunu
kullanırız birleştireceğimiz hücrenin içerisine bu
komutu ekleriz.








bir
iki
üç
dört
beş
altı
yedi
sekiz

Ekran çıktısı şu şekilde olur

bir


iki


üç

dört


beş

altı


yedi


sekiz

* Altalta iki hücreyi birleştirmek

Altalta iki hücreyi birleştirmek için rowspan komutunu
kullanırız birleştirmek istediğimiz hücrenin
içerisine bu komutu yerleştiririz.








bir
iki
üç
dört
beş
altı
yedi
sekiz

Ekran çıktısı şu şekilde olur

bir


iki


üç

dört


beş


altı

yedi


sekiz





FRAMELER (ÇERCEVELER)

* Frame özelliğini birden fazla sayfayı belirli oranlarda tek sayfada birleştirmek için kullanacağız.
* Sonuç olarak ortaya yeni bir sayfa çıkacağı
için frame kodlarını temel html tagları olan (bOdy tagı
hariç[Resimleri görebilmek için üye olun veya giriş yapın.] bir sayfaya yerleştireceğiz.
* tagları arasına oluşturacağımız sayfaların parçaları girilir
* frame ile sayfa ekleriz name
adını belirler cerceveye link vermek için önemlidir
linkler bölümünde
görmüştük src ise sayfanın bulundugu yeri
sayfanın adını uzantısını belirtir">cols yatay birleştirme oranını
rows ise dikey birleştirme oranını belirler
* frameborder kenar kalınlığının olup olmayacağını belirler
frameborder="yes| no" yes olursa kenar kalınlığı olur , no olursa kenar
kalınlığı olmaz.
* border="3" kenar kalınlığını belirler
* bordercolor="red" kenar kalınlığının rengini belirler
* scrolling kaydırma çubuğunun olup olmayacağını belirler
scrolling="yes" kaydırma çubuğu olur , scrolling="no" kaydırma
çubuğu olmaz ,scrolling="auto" gerekirse kaydırma
çubuğu olur
* marginwidth yatay kenar boşluğunu marginheight üstteki kenar boşluğunu belirler.
* frame özelliği htmlye
sonradan eklendiği için eski browserlar bu teknolojiyi
desteklemez ziyaretçinize bu tag ile bilgi verirsiniz.
* Frame konusu biraz karışık gelebilir bu konuda fazlaca deneme yapınız



Çerçeveli sayfa


">Üzgünüm Web tarayıcınız <br />çerçeve teknolojisini desteklemiyor Başka bir tarayıcı<br /> ile tekrar giriniz

FRAME ÖRNEKLERİNİ İNCELEMEK İÇİN TIKLAYINIZ.



FORMLAR

*