HTML KODLARI SÖZLÜĞÜ

Trang chủ » Html Etiket Listesi » HTML KODLARI SÖZLÜĞÜ

Có thể bạn quan tâm

Wikidot.com .wikidot.com Share on twitter Facebook Delicious Digg Reddit Reddit Gezin » Web Tasarım ve Programlama Sözlüğü

wiki

  • Home
  • Admin
    • Edit page
    • Print page
    • Edit this menu
    • Edit side menu
    • Page categories
    • Recent changes
    • Change theme
    • Manage site
  • Help
    • Wiki syntax
    • Modules reference
Hesap oluştur ya da Giriş yap

Legal | About | Contact

Tags | Edit | Source | Print

Page tags

home

Watchers

Burcu ErenBurcu Eren didem_yukseldidem_yuksel Watch: site | category | page HTML KODLARI SÖZLÜĞÜ

1. Giriş Etiketleri

  • <html> = Bir WEB sayfasında bulunan ilk etikettir. Bu etiket tarayıcıya HTML belgesinin başladığı ve bittiği yeri bildirir. Bütün HTML kodları bu etiketin içinde yer almalıdır. Bu etiketin hiçbir parametresi yoktur.
  • <head> = HTML belgesinin ilk bölümüdür. WEB sayfası ile ilgili temel özellikler, sayfa başlığı, yazı karakterler kümesi, link özellikleri burada tanımlanır.
  • <body> = HTML belgesinin bütün içeriği burada yer alır. Buraya metinler, resimler, listeler vb. her türlü HTML nesnesi yerleştirilebilir. Bu etiketle birlikte kullanılan parametreler vardır. Bunlar aşağıdaki tabloda görevleriyle verilmiştir.
Kullanılacak parametreler Görevi
Bgcolor Arka plan rengini belirler.
Background Arka planda kullanılmak istenen resmi belirler.
Link Sayfadaki linklerin rengini belirler.
Alink Linke tıklandığındaki rengi belirler.
Vlink Daha önce ziyaret edilmiş linklerin rengini belirler.
  • <title> = Head bölümü içine ve sayfanın başlığı yazılır, tarayıcının sol üst bölümünde bulunan başlık çubuğunda görüntülenir.

!!!!!! resim ekleee

2. Listeleme Etiketleri HTML tag'ları kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve sıralandırılan listeler hazırlamak çok kolaydır. Dokümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidini destekler.

  • <ol> = Sıralı liste oluşturmak için kullanılır. Sıralı listelerden kastımız kelime ya da cümlelerinizi ya da herhangi bir şeyi numaralı, alfabetik, roma rakamlı olarak sıralı göstermektir.
  • <ul> = Listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine küçük yuvarlaklar, kareler yerleştirmek için kullanıyoruz.
  • <li> = Bu etiket, ingilizce “liste elemanı” anlamına gelen 'list item' kelimesinin kısaltılmışıdır. Yukarıda anlatmış olduğumuz <ol> ve <ul> etiketleri tek başına kullanılmaz sırayı belirtmek için de <li> imi ile birlikte kullanılır. Yani sıralanacak olan ifadenin başına <li> getirmeliyiz.

!!!! resim ekle

3. Metin Düzenleme Etiketleri

  • <hx> = Bu etiketler, doküman içinde kullanılabilecek başlıklardaki yazıların büyüklüklerini tanımlar. “x” değeri 1’den 6’ya kadar değer alabilir. Sayı arttıkça yazı büyüklüğü azalır. <hx> ile kullanılacak parametrelerden birisi align’dır. Align kullanıldığı sayfadaki yatay yerini belirler. Left (sola yaslı), right (sağa yaslı), center (ortala), justify (her iki yana yaslı) değerlerini alabilir.

Örneğin, <h1 align=”center”> Bilgi </h1> yazdığınızda “Bilgi”kelimesini ortalı bir şekilde yazacaktır.

  • <b> = Aradaki metni koyu (bold) yazar.
  • <u> = Aradaki metni altı çizili (underline) olarak yazar.
  • <i> = Aradaki metni eğik (italic) yazar.
  • <br> = HTML'de metinleri yazarken kullandığımız editörde bir alt satıra geçmek için enter tuşunu kullanırız. Fakat HTML dilinde bunun hiçbir anlamı yoktur. Tüm kodları ve metinleri tek satırda dahi yazsanız tarayıcı açısından fark etmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra atmak için <br> etiketini kullanıyoruz.
  • <p> = Aradaki metne paragraf özelliği kazandırır. Sonlandırıldığında, takip eden metin bir satır boşluk bırakılarak ve satır başına yazılır.
  • <font> = Sahip olduğu parametreler sayesinde metinlerin renk, yazı tipi, boyut gibi özelliklerini değiştirmenize olanak sağlar. Parametreleri aşağıdaki tabloda verilmiştir.
Parametreler Görevleri
Face Yazı tipi (arial, tahoma, verdana, …)
Size Yazının büyüklüğü (1-7 arası)
Color Yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri)

4. Bağlantı (Köprü) Oluşturma Etiketleri Bir WEB sitesinde altı çizili olarak bir takım kelimeler görmüşüzdür. Bu altı çizili kelimelerin üstüne gelince fare şekil değiştirip bir el şekline dönüşmektedir. Bunun anlamı kelimeye tıkladığınızda kelimeyle ilgili bir başka WEB sayfasına gideceğidir. HTML'nin bu görevini yerine getirmesini sağlayan etiket <a>’dir.

  • <href> = Sayfa içerisinde hangi dokümana geçiş yapmak istiyorsak, HREF="dosyaismi" şeklinde bu etiketi kullanırız. Sayfa dışında hangi dokümana geçiş yapmak istiyorsak, <a href="http://www.google.com" >…</a> şeklinde kullanırız.
  • <target> = Bağlantının açılacağı pencereyi belirtmek için href etiketinin içine yazılır. Çeşitli parametreleri vardır. Bunlar:
Parametreler Görevleri
target="_blank" Bağlantı yeni bir pencerede açılır.
target="_self" Bağlantı aynı pencere içerisinde açılır.
target="_top" Bağlantı aynı pencere içerisinde en üstten itibaren açılır.
target="_parent" Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.
target="çerçeve adı" Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar.

5.Tablo Etiketleri

  • <table> = Tablo oluşturmak için bu etiket açılmak zorundadır. Tablonun düzenli gözükmesi için kullanılan parametreler vardır. Bunlar aşağıdaki tabloda verilmiştir.
Parametreler Görevleri
<tr> Tabloda satır oluşturmayı sağlar.
<td> Tabloda sütun oluşturmayı sağlar.
border Hücrelerin ve tablonun etrafındaki çerçevenin kalınlığını ayarlamak için kullanılır.
<thead> Tablo başlığı
<tbody> Tablo gövdesi
caption Tablonun alt veya üst kısımlarında açıklamalar yapmak için kullanılır.
<th> Tablo içindeki sütun başlıkları için kullanılır.
width Tablonun pixel cinsinden genişliğini belirler. Bu parametreyi kullanmazsanız, Web tarayıcınız hücre içeriklerini görüntüleyebileceği en makul genişliği tablonuza otomatik olarak atayacaktır.
height Tablonun pixel cinsinden yüksekliğini belirler. Bu parametreyi kullanmazsanız, Web tarayıcınız hücre içeriklerini görüntüleyebileceği en makul yüksekliği tablonuza otomatik olarak atayacaktır.
colspan Aynı satırdaki hücreleri birleştirmek için kullanılır.
rowspan Aynı sütundaki hücreleri birleştirmek için kullanılır.
cellspacing Tablonun içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını, pixel cinsinden ayarlar.
cellpadding Cellpadding değişkenine verilebilecek herhangi bir sayı, tablonun sınırları ile tablo içeriği arasındaki mesafeyi ayarlar.

6. Form Etiketleri

  • <form> = Bir form oluşturmak için <form>…</form> etiketleri arasına istenilen kontroller input etiketi sayesinde belirtilir. Kontrollerden toplanan bilgilerin nasıl değerlendirileceği form etiketinin içinde gösterilir.

Form etiketinin genel kullanımı <FORM ACTION=url METHOD=get- post TARGET=pencere> ….. </FORM>

Genel kullanım içindeki;

action Formdan girilecek bilgilerin değerlendirileceği dosyanın tam yolunu gösterir.
method Formdan girilecek bilgilerin değerlendirici dosyaya gönderilme yöntemini belirtir.
  • <input> = Genel amaçlı bir form etiketidir. Sonlandırıcı etiketi yoktur. Girdi türü type öğesinde belirtilerek farklı girdilerin alınmasını sağlar.

İnput etiketinin genel kullanımı <INPUT ALIGN=tip [CHECKED] MAXLENGTH=uzunluk NAME=isim SIZE=boyut SRC=adres TYPE=tip VALUE=değer>

Kullanılacak Parametre Görevi
align Elemanın form üzerinde nasıl konumlanacağını belirtmek içinkullanılır (left, center, right). Eğer type değeri bir resim olarak atanırsa bir sonraki satırın resme göre nasıl yerleştirileceğini belirler. Top, middle veya bottom değerlerinden birini alabilir.
checked Kontrol olarak bir işaretleme veya seçim kutusu kullanıldığında CHECKED değeri bu kutuların işaretlenmiş olarak karşımıza gelmesini sağlar.
maxlength “text” ve “password” elemanlarında girilebilecek en çok karakter sayısını belirtmek için kullanılır. Ön tanımlı değeri sınırsızdır.
name Girilen verinin hangi değişken ismi altında değerlendirileceğini belirtmek için kullanılır. Mutlaka belirtilmelidir.
size “text” ve “password” elemanlarında karakter sayısını, diğerlerinde ise piksel cinsinden genişliği belirtmek için kullanılır.
src "image" elemanında resim dosyasını belirtmek için kullanılır.
type Eleman türü belirtilir. text, password, checkbox, radio, submit, reset, file, hidden, image, button değerlerinden biri kullanılır.

7. Form Nesneleri Etiketleri

  • <checkbox> = Formumuza onay kutuları eklemek için kullanılır.
  • <radio> = Kullanıcının birçok seçenek içerisinden bir tanesini seçebilmesine olanak tanır.
  • <text> = Kullanıcıdan tek satırlık veri alınmasına olanak tanır. Size ve maxlength takıları, bu kontrolle birlikte kullanılabilir.
  • <image> = Bir resmi ifade eder ve üzerine tıklandığında form değerlerini sunucuya yollar.
  • <password> = Formumuza parola yazılabilecek alan eklemek için kullanılır.
  • <textarea> = Metin alanı anlamına gelen bu kelime formunuza yazı yazılabilecek alan eklemek için kullanılır.
  • <reset> = Tıklandığında form içeriğini temizler. Kullanıcının formu tekrar doldurmasını sağlar.
  • <submit> = Form içeriğini sunucuya yollar.

8. Çerçeve Etiketleri

  • <frameset> = Çerçeve oluşturmada kullandığımız etikettir.
  • <frame> = <frameset> ile çerçeveleri böldükten sonra içlerine konulacak sayfaları tanımlama işi <frame> elemanı ile yapılır. Bu etiket ile kullanılan parametreler aşağıdaki tabloda verilmiştir.
Kullanılacak Parametreler Görevleri
name Çerçevenin adıdır. En önemli parametre sayılabilir. Çünkü frameset’lerde bir çerçevenin içindeki bir link bir başka çerçevenin içeriğini değiştirebilir. Bunu da name parametresini kullanarak yapar.
resize/noresize Çerçeve büyüklüğünün değiştirilip değiştirilmeyeceği bilgisini içerir.
scrolling Çerçevenin içeriğinin bir ekrana sığmaması halinde tarayıcının kenara bir kayma çubuğu ekleyip eklemeyeceğini belirler (yes, no, auto). Varsayılan değeri auto’dur.
marginheight Sayfadaki ilk nesnenin yukarıdan ne kadar uzak olacağını belirler.
marginwidth Sayfadaki ilk nesnenin soldan ne kadar uzak olacağını belirler.
src İçine yerleştirilecek dosyanın URL’sini belirtir. Src’u belirtmediğiniz takdirde tarayıcı herhangi bir hata vermeyecek, buraya varsayılan renkte boş bir sayfa koyacaktır.
  • <noframes> = Eğer ziyaretçinin istemcisinin çerçeve desteği yoksa ziyaretçiye görüntülenecek sayfayı belirlemede kullanılır.

9. Stil Şablonlarının Etiketleri

  • Yerel stil şablonu (Yerel CSS) = Yerel stil şablonları HTML belgesinin body bölümüne yazılır. Sadece bir kereliğine, yazıldıkları yerde etkili olur.
  • Genel stil şablonu (Genel CSS) = HTML belgesinin head bölümüne yazılır ve belgenin tümünü etkiler.
  • Harici stil şablonu (Harici CSS) = Global stil şablonunu, sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerini kullanmak istediğimizde kullanırız.

Kullanılan Parametreler Genellikle paragraf (<p>) etiketinin içinde kullanılırlar.

  • font-family = Font tipini belirler. (Arial, Courier, Verdana…)
  • font-weight = Fontun kalınlık incelik durumunu belirler. Bu etiketin iki tane parametresi vardır. Bunlar: 1. bold: Fontu kalın yapar. 2. normal: Fontun normal halde olmasını sağlar. Bu özellik yazılmadığında normal özellik alınır.
  • font-style = Fontun stilini belirler. Bu etiketin iki tane parametresi vardır. Bunlar: 1. italic: Yazının sağa doğru yatık olmasını sağlar. 2. color: Fontun rengini belirler.
  • text-transform = Yazının harfleriyle ilgilidir. Bu etiketin üç tane parametresi vardır. Bunlar: 1. lowercase: Yazının tümünü küçük harf yapar. 2. uppercase: Yazının tümünü büyük harf yapar. 3. capitalize: Yazıyı istenilen şekilde bırakır.
  • text-decoration = Yazının şekliyle ilgilidir. Bu etiketin 4 tane parametresi vardır. Bunlar: 1. underline: Yazının altının çizili olmasını sağlar. 2. overline: Yazının üstünün çizili olmasını sağlar. 3. line-through: Yazının üzerinin çizili olmasını sağlar. 4. none: Yazının herhangi bir yerine çizgi çekilmemesini sağlar.
  • text-align = Yazının konumunu belirler. Bu etiketin 5 tane parametresi vardır. Bunlar: 1. left: Yazının sola bitişik olmasını sağlar. 2. center: Yazının ortada olmasının sağlar. 3. right: Yazının sağa bitişik olmasını sağlar. 4. line-height: Yazının normal satırdan çizgi yüksekliğini belirler. 3px, 5px gibi değerler alır. 5. text-ident: Yazının soldan ne kadar boşlukla içeriden başlayacağını belirler. 5px, 10px gibi değerler alır.

10. Stil Şablonlarının Genel Kullanım Şekilleri

A Etiketinin CSS ile Kullanımı

  • İlk pozisyon linke herhangi bir tıklama olmadığındadır. Bu değer linkin sayfada görülecek ilk halidir.
  • Visited : Link tıklandıktan sonra etiketin aldığı değerdir.
  • Active : Linkin aktif olduğu durumdur. Yani imleç linkin tıklandığı andaki durumdur.
  • Hover : Linkin üzerine gelindiğinde nasıl bir biçimde olması isteniyorsa stil o şekilde verilir.

11. Çoklu Ortam Araçları Resim Ekleme Resim eklemek için img etiketi kullanılır. Bu etikete ait parametreler bulunmaktadır. Bunlar:

Parametreler Açıklama Kullanım Şekli
src Resmin bulunduğu dizini bu parametre ile bildiririz. <img src="resim.gif">
width Resmin genişliğini piksel cinsinden bildirir. <img src="resim.gif" width="100">
height Aynı şekilde resmin yüksekliğini bildirir. <img src="resim.gif" height="100">
border Resmin etrafındaki çizginin kalınlığını belirtir. <img src="resim.gif" border="6">
align Yatay konum belirler; left, right, center değerlerini alır. <img src="resim.gif" align="left">
alt Mouse resmin üzerindeyken yazacağınız metni gösterir. <img src="resim.gif alt="Buraya açıklama yazın.">
Yardım | Hizmet Koşulları | Mahremiyet | Hata bildir | Şikayet et Destekleyen Wikidot.com Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License Sayfayı düzenlemek için tıklayın. Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available. Tüm sayfa kaynağını düzenlemeden içerik ekleyin. Sayfanın geçmişini görmek için tıklayın. If you want to discuss contents of this page - this is the easiest way to do it. Bu sayfaya eklenmiş dosyaları izleyin ve yönetin. Muhtelif araçlar. Bu sayfaya bağlantı veren ve bu sayfayı içeren diğer sayfalara göz atın. Sayfanın adını (ve Internet adresini) değiştirmek için tıklayın. Düzenleme yapmaksızın sayfa içeriğine bak. View/set parent page (used for creating breadcrumbs and structured layout). Notify administrators if there is objectionable content in this page. Beklendiği gibi çalışmayan birşey mi var? Ne yapabileceğini öğren. Genel Wikidot.com dokümantasyon ve yardım bölümü. Wikidot.com Hizmet Koşulları - haklar, yasaklar, vs. Wikidot.com Mahremiyet İlkesi.

Từ khóa » Html Etiket Listesi