YoLuYoK FoRuM SiTeMiZe HoSGeLDiNiZ.
 
  Ana Sayfa
  YoluYok
YoluYok
=> Daha kayıt olmadın mı?

YoluYok Forum Kral Forum Kral Olanların Tek Forumu

YoluYok - html kodları

Burdasın:
YoluYok => Web Tasarım => html kodları

<-Geri

 1 

Devam->


__dadas__
(şimdiye kadar 36 posta)
15.05.2008 09:21[alıntı yap]
HTML e Giriş
Bende herkes gibi HTML e Giriş diyerek başlamak istedim. Gerçekten gerçekçi bir söz. HTML e Giriş. Çünkü bu kısım hakkında pek çok şey biliyorum diyenler bile şaşırabilir. bu yüzden az yada çok bilin bu yazının devamını mutlaka okuyun.

Neden HTML başka birşey olamaz mı?
Aslında doğru bir soru. HTML; internet için tek tasarlama dili mi? Hep adını duyduğumuz ya başka yolu yok mu dediğimiz sayfa tasarımının aslında birçok tasarlama yöntemi vardır. HTML, ASP, CGI, PHP ....... ama içlerinde temel olarak HTML basit ve kullanışlıdır.
HTML Olunca Ne Oluyor?
Hipertext işaretleme (HTML) dili oluyor. ???? . Bir text dökümanının; her farklı kısmı için ayrı bir komutun kullanıldığı, ek özelliklerin ve resimlerin yanında bulunan dosyalardan alınıp, sayfanın belirlenen kısımlarına konulduğu bir komutsal text biçimidir.
Nasıl Başlanır?
İlk önce kendinize bu konu ile ilgili bir site bulmalısınız. Biz www.bilimveteknoloji.com adresini öneriyoruz.) Daha sonra kendinize bir not defteri edinin. En son olarak bu sayfanın devamını okuyun. Başarılar.......



Komut Mantığı
Html komutları TAG lardan oluşmaktadır. Her tag < karakteri ile başlayıp > karakteri ile bitmektedir. Komutlar tagların içerisinde, kmuttan etkilenen nesne ise taglar arasında olmaktadır. "" yazılımı bir tagdır. Ortalama manasına gelir. Tagın geçerli olduğu alanı sonlandırmak için "" yazılır. Buradan sonraki nesnelere artık ortalama özelliği uygulanmayacaktır. "deneme" komut dizisinde "deneme" yazısı bulunduğu satır içerisinde ortalanmaktadır. Tagların hemen hemen hepsi açıldıktan sonra kapatılmalıdır. Önce açılan tagların; sonra açılanlardan daha sonra kapatılması sayfa düzeni için gereklidir. Açıldıktan sonra kapatılması gerekmeyen taglarda bulunmaktadır. bunlar direk tag içerisindekinesneye etki ederler. tagında deneme.gif isimli dosya sayfaya eklenmiştir. Bu tarz tagların, ikinci bir tag ile kapatılması gerekmemektedir.
Sayfa Yapısı
Html sayfa içerisinde sayfa özelliklerinin ve sayfa içeriğinin yazıldığı iki ana kısım bulunmaktadır. Sayfa tagları arasında olmalıdır. Bu taglar arasında sayfa özelliklerinin tanımlandığı tagları arasında kalan ilk bölüm ile ; sayfa içeriğinin bulunduğu, tagları arasındakiikinci kısım bulunmaktadır.
Komutlar
Komutlar da sayfa yapısına bağlı olarak iki ana gruba ayrılırlar.
1 - Sayfa özelliğini belirleyen komutlar.
2 - Sayfa içeriğini belirleyen komutlar.
Sayfa özelliğini belirleyen komutlar; sayfa başlığı, içeriği, kime ait olduğu, hangi dilde yazıldığı, hangi karakter setinin kullanıldığı gibi bölümleri içerir.
Sayfa içeriğini belirleyen komutlar ise; Sayfada buluna yazılar, resimler, tablolar, linkler ve benzeri nesneleri içerirler.
: Sayfanın başlığının ne olacağını belirler. Sayfanın başlık çubuğundaki yazıyı ayarlamak için kullanılır. tagları arasında kullanılır. Kullanımı Yazılacak Olan Başlık şeklindedir..
: Sayfada bir alt satıra gitmek için kullanılır. Kullanıldığı yerdeki satılar arasında boşluk oluşmaz. Kullanımı şeklindedir.
: Sayfada bir alt satıra gitmek için kullanılır. Kullanıldığı yerdeki satırlar arasında boşluk oluşturur. Kullanımı Şeklindedir.
: Sayfada x standartında yazı yazılmasını sağlar. x yerine bir rakam yazılmaktadır. en büyük standartı oluşturur. x sayısı arttıkça boyut küçülür. Tabi kullanıcı standartını değiştirmemişse. Kullanımı şaklindedir.
: Sayfa içerisinde yatay çizgi oluşturmak için kullanılır. Oluşturulan çizgi bir satırı kaplamaktadır. Çizgi ile aynı satıra başka nesne veya yazı konamaz. Kullanımı şeklindedir.
: Sayfa içerisindeki yazı veya nesnenin o satır içerisinde ortalanmasını sağlar. Kullanımı Ortalanacak Yazı şeklindedir.
: Sayfa içerisindeki yazının kalın (bold) yazılmasını sağlar. Kullanımı Kalın Yazılacak Yazı şeklindedir.
: Sayfa içerisindeki yazının yatık (italik) yazılmasını sağlar. Kullanımı Yatık Yazılacak Yazı şeklindedir.
: Sayfa içerisindeki yazının altı çizgili (under line) yazılmasını sağlar. Kullanımı Altı Çizgili Yazılacak Yazı şeklindedir.


: Yazılacak yazının özelliklerini belirlemek için kullanılır. İç elemanları ile yazının değişik özelliklerini ayarlamamızı sağlar.
face : Yazının font özelliğnin ayarlanması için kullanılır. Kullanımı Fontu Ayarlanacak Yazı
size : Yazının büyüklüğünü ayarlamak için kullanılır.Yazının büyüklüğü rakam ile belirtilir. Kullanımı Büyüklüğü Ayarlanacak Yazı
color : Yazının rengini ayarlamak için kullanılır. Yazının rengi hexadecima olarak belirtilir. Kullanımı Rengi Ayarlanacak Yazı
Hepsi bir arada da kullanılabilir.
: Sayfanın bir bölümünü adreslemeye, adreslenen kısmı çağırmaya, belirtilen koşulda bir olayı gerçekleştirmeye yarar.
Adreslenen kısmı vey bir yolu çağırmak için kullanılan nesne veya yazıya kısayol denilir.
name : Belirtilen nesnenin veya yaının adreslenmesini sağlar. Bu adresleme sayesinde sayfa içerisindeki herhangibir butona basıldığında, adreslenmiş kısmının sayfa başına gelmesi sağlanır. Kullanımı Adreslenen nesne
href : Sayfa içerisindeki adreslenmiş bir kısma gitmeye, ayrı bir sayfa açmaya, belirlenmiş bir dosyayı indirmeye, kısacası bir yolu çağırmaya yarar.Kullanımı Yolu Çağrılmak İçin Basılacak Nesne veya Yazı
onmouseover :Belirtilen yolun, kısayol üstüne gelindiğinde çağrılmasını sağlar. Kullanımı Kısayol
onclick :Belirtilen yolun, kısayol tıklanıp çekildiğinde çağrılmasını sağlar.Yolun çağrılması için mous kliğinin basıldıktan sonra bırakılması gerekmektedir. Kullanımı Kısayol
onmousedown :Belirtilen yolun, kısayol tıklandığında çağrılmasını sağlar.Yolun çağrılması için mous kliğinin basıldıktan sonra bırakılmasına gerek yoktur. Kullanımı Kısayol
onmouseout :Belirtilen yolun kısayol üstünden mouseun çekildiğinde çağrılmasını sağlar.Mousun kısayol üzerini kliklemesine gerek yoktur. Kullanımı Kısayol
onmouseout :Belirtilen yolun kısayol üstünden mouseun çekildiğinde çağrılmasını sağlar.Mousun kısayol üzerini kliklemesine gerek yoktur. Kullanımı Kısayol
: Sayfa içerisine resim dosyası koymak için kullanılır.
: Konulacak resim dosyasını yerini ve adını belirtmek için kullanılır. Kullanımı
: Resim için bilgi koymaya yarar. Resim bulunamadığı zaman veya açılana kadar yerine burada yazılan metin gelir. Resimin üzerine gelindiğinde yine aynı açıklama ek bir pencere içerinde gözükür. Kullanımı
:Resimin dış çerçevesinin olup olamayacağını belirler. border = 1 için çerçeve vardır; border = 0 için çerçeve yoktur. Kullanımı
: Resimin genişliğini ayarlar. Kullanımı
: Resimin yüksekliğini ayarlar. Kullanımı


...: Select elemanı kullanıcıya seçebilmesi için bir liste verir ve bu listeden sadece birisinin seçilmesine olanak tanır. Eğer birden fazla seçim yapılmasına olanak tanınacak ise Mutiple parametresi kullanılır.
name : Select elemanı ile kullanılan değişkenin adını belirtir. Kullanımı name = "değişkeninadı"
size : Görüntülenecek textin satır sayısını belirtir. Kullanımı size = "n"
Örnek :

seçim1
seçim2

... : Bir text grubun kullanıcı tarafından girilmesine izin verir.
cols : Textarea nın genişliğini belirtir. Kullanımı cols = "n"
name : Textarea ya girilen metinin atılacağı değişkeni belirler.
rows : Textarea içerisind ki satır sayısını belirler. Kullanımı rows = "n"
Örnek :

: Input elemanı kullanıcının sayfa üzerindeki değişken ve datalara etki edebilmesini sağlar.
name : Input elemanının içerdiği bilginin tutulacağı değişkeni belirtir. Kullanım name = "değişkenin adı"
type : Kullanıcıdan bilgi alınma ve seçenekleri sunuş şekillerini belirtir. İçerdiği seçenekler; "chekbox","hidden","image",radio",reset","submit","text" dir.
align : Belirtilen nesnenin sayfa içerisindeki duracağı konumu belirtir. "top","middle","bottom" seçeneklerini içerir.
checked : Chekbox veya radio seçeneklerinden biri seçilmiş ise bu seçeneklerin seçili olup olmadığını belirtir.
value : Input elemanının ilk değerini belirtir.
Örnekler :




Cevapla:

Nickin:

 Metin rengi:

 Metin büyüklüğü:
Tag leri kapat



Bütün konular: 54
Bütün postalar: 68
Bütün kullanıcılar: 10
Şu anda Online olan (kayıtlı) kullanıcılar: Hiçkimse crying smiley
 
 
   
Bugün 1 ziyaretçi (3 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol