Web Tasarım Sözlüğü için aşağıda yer alan temel terimleri açıklamaya çalıştık.
Giriş Etiketleri
<html> Etiketi Nedir?
“<html>” bir HTML etiketidir. HTML (HyperText Markup Language) bir web sayfasının içeriğini ve biçimini belirten bir dil veya bir meta dilidir. HTML etiketleri, web sayfasının içeriğini tarif etmek için kullanılır. Örneğin, bir paragrafı belirtmek için “<p>” etiketini, bir başlığı belirtmek için “<h1>” etiketini ve bir listedeki bir öğeyi belirtmek için “<li>” etiketini kullanabilirsiniz.
<head> Etiketi Nedir?
“<head>” bir HTML etiketidir. HTML sayfasının başında bulunan “<head>” etiketi, sayfanın başlığı, CSS dosyalarının yüklenmesi ve sayfanın meta verilerinin tanımlanması gibi sayfa hakkında bilgi içeren bilgileri içerir. Bu etiket içerisinde bulunan bilgiler, sayfa içeriğini tarif etmez, ancak sayfanın nasıl görüneceği ve nasıl davranacağı hakkında bilgi verir. Örneğin, “<title>” etiketini “<head>” içinde kullanarak sayfanın başlığını belirtebilirsiniz.
<body> Etiketi Nedir?
“<body>” bir HTML etiketidir. HTML sayfasının ana içeriğini tanımlayan “<body>” etiketi, sayfanın gerçek içeriğini içerir. Bu etiket içinde yer alan bütün HTML etiketleri ve metinleri, sayfanın görünür bölümünde görüntülenir. Örneğin, bir paragrafı “<p>” etiketi ile belirtir ve bu paragrafı “<body>” etiketi içinde yerleştirirseniz, sayfa görüntülendiğinde bu paragraf görüntülenecektir.
Listeleme Etiketleri
<ol> Etiketi Nedir?
“<ol>” bir HTML etiketidir. Bu etiket, sıralı bir liste oluşturmak için kullanılır. Sıralı bir listede, öğeler numaralandırılır ve her bir öğe “<li>” etiketi ile belirtilir. Örneğin, bir sıralı liste oluşturmak için aşağıdaki kodu kullanabilirsiniz:
<ol>
<li>Birincil Öğe</li>
<li>İkincil Öğe</li>
<li>Üçüncül Öğe</li>
</ol>
Bu kod, bir sıralı listede “Birincil Öğe”, “İkincil Öğe” ve “Üçüncül Öğe” adlı öğeleri görüntüler. Bu listede, her bir öğe numaralandırılır ve sayfa görüntülendiğinde aşağıdaki gibi görüntülenir:
- Birincil Öğe
- İkincil Öğe
- Üçüncül Öğe
<ul> Etiketi Nedir?
“<ul>” bir HTML etiketidir. Bu etiket, sırasız bir liste oluşturmak için kullanılır. Sırasız bir listede, öğeler işaretlenir ancak numaralandırılmazlar. Her bir öğe “<li>” etiketi ile belirtilir. Örneğin, bir sırasız liste oluşturmak için aşağıdaki kodu kullanabilirsiniz:
<ul>
<li>Birincil Öğe</li>
<li>İkincil Öğe</li>
<li>Üçüncül Öğe</li>
</ul>
Bu kod, bir sırasız listede “Birincil Öğe”, “İkincil Öğe” ve “Üçüncül Öğe” adlı öğeleri görüntüler. Bu listede, her bir öğe işaretlenir ancak numaralandırılmaz ve sayfa görüntülendiğinde aşağıdaki gibi görüntülenir:
- Birincil Öğe
- İkincil Öğe
- Üçüncül Öğe
<li> Etiketi Nedir?
“<li>” bir HTML etiketidir. Bu etiket, bir liste içinde bir öğe belirtmek için kullanılır. “<li>” etiketi, “<ol>” veya “<ul>” etiketleri ile kullanılır ve her bir öğeyi içerebilir. Örneğin, bir sıralı liste oluşturmak için aşağıdaki kodu kullanabilirsiniz:
<ol>
<li>Birincil Öğe</li>
<li>İkincil Öğe</li>
<li>Üçüncül Öğe</li>
</ol>
Bu kod, bir sıralı listede “Birincil Öğe”, “İkincil Öğe” ve “Üçüncül Öğe” adlı öğeleri görüntüler. Bu listede, her bir öğe “<li>” etiketi ile belirtilir ve sayfa görüntülendiğinde aşağıdaki gibi görüntülenir:
- Birincil Öğe
- İkincil Öğe
- Üçüncül Öğe
“<li>” etiketi sadece bir liste içinde kullanılabilir ve tek başına bir anlam ifade etmez.
Metin Düzenleme Etiketleri
<hx> Etiketi Nedir?
“<hx>” HTML’de bir etiket değildir. Ancak, “<h1>” ile “<h6>” gibi başlık etiketleri vardır. Bu etiketler, sayfada bir başlık oluşturmak için kullanılır. Örneğin, “<h1>” en büyük başlık için, “<h2>” ikinci en büyük başlık için ve “<h6>” en küçük başlık için kullanılır. Bu etiketler, sayfanın içeriğini tarif eder ve sayfanın görünümünü belirler. Örneğin, bir sayfada bir başlık oluşturmak için aşağıdaki kodu kullanabilirsiniz:
<h1>Bu birincil başlıktır.</h1>
Bu kod, sayfanın en büyük başlığı olan “Bu birincil başlıktır.” yazısını görüntüler. Sayfa görüntülendiğinde, bu başlık büyük bir fontla ve kalın bir yazı ile görüntülenir.
<b> Etiketi Nedir?
“<b>” bir HTML etiketidir. Bu etiket, metni kalın bir şekilde görüntülemek için kullanılır. Örneğin, aşağıdaki kodu kullanarak bir metni kalın bir şekilde görüntüleyebilirsiniz:
<b>Bu metin kalın bir şekildedir.</b>
Bu kod, “Bu metin kalın bir şekildedir.” yazısını sayfada kalın bir yazı ile görüntüler. Bu etiket sadece metni kalın bir şekilde görüntülemek için kullanılır ve sayfanın içeriğini tarif etmez.
<u> Etiketi Nedir?
“<u>” bir HTML etiketidir. Bu etiket, metni altını çizmek için kullanılır. Örneğin, aşağıdaki kodu kullanarak bir metni altını çizmeyi sağlayabilirsiniz:
<u>Bu metin altı çizilidir.</u>
Bu kod, “Bu metin altı çizilidir.” yazısını sayfada altı çizili bir yazı ile görüntüler. Bu etiket sadece metni altını çizmek için kullanılır ve sayfanın içeriğini tarif etmez.
<i> Etiketi Nedir?
“<i>” bir HTML etiketidir. Bu etiket, metni yatık bir şekilde görüntülemek için kullanılır. Örneğin, aşağıdaki kodu kullanarak bir metni yatık bir şekilde görüntüleyebilirsiniz:
<i>Bu metin yatıktır.</i>
Bu kod, “Bu metin yatıktır.” yazısını sayfada yatık bir yazı ile görüntüler. Bu etiket sadece metni yatık bir şekilde görüntülemek için kullanılır ve sayfanın içeriğini tarif etmez.
<br> Etiketi Nedir?
“<br>” bir HTML etiketidir. Bu etiket, metni bir alt satıra geçirmek için kullanılır. Örneğin, aşağıdaki kodu kullanarak bir metni bir alt satıra geçirebilirsiniz:
Bu metin bir alt satırdadır.<br>Bu da ikinci bir alt satırdır.
Bu kod,
“Bu metin bir alt satırdadır.”
“Bu da ikinci bir alt satırdır.”
yazılarını sayfada iki ayrı satırda görüntüler. Bu etiket sadece metni bir alt satıra geçirmek için kullanılır ve sayfanın içeriğini tarif etmez.
<p> Etiketi Nedir?
“<p>” bir HTML etiketidir. Bu etiket, bir paragraf oluşturmak için kullanılır. Paragraf, bir sayfada birbirinden ayrılan ve genellikle bir konu hakkında yazılan bölümlerdir. Örneğin, aşağıdaki kodu kullanarak bir paragraf oluşturabilirsiniz:
<p>Bu bir paragraftır. Bu paragraf bir konu hakkında yazılmıştır.</p>
Bu kod, “Bu bir paragraftır. Bu paragraf bir konu hakkında yazılmıştır.” yazısını sayfada bir paragraf olarak görüntüler. Bu etiket sadece bir paragraf oluşturmak için kullanılır ve sayfanın içeriğini tarif etmez.
<font> Etiketi Nedir?
“<font>” bir HTML etiketidir. Bu etiket, metnin görünümünü değiştirmek için kullanılır. Örneğin, metnin rengini, boyutunu ve yazı tipini değiştirebilirsiniz. Örneğin, aşağıdaki kodu kullanarak bir metnin görünümünü değiştirebilirsiniz:
<font color=“red” size=“5” face=“Arial”>Bu metin kırmızı ve büyüktür.</font>
Bu kod, “Bu metin kırmızı ve büyüktür.” yazısını sayfada kırmızı bir yazı ve büyük bir fontla görüntüler. Bu etiket sadece metnin görünümünü değiştirmek için kullanılır ve sayfanın içeriğini tarif etmez.
Bağlantı ( Link ) Etiketleri
<href> Etiketi Nedir?
<href> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir web sayfasındaki bir bağlantıyı tanımlayan bir kod parçacığıdır. <href> etiketi, bir bağlantının nereye gideceğini belirtir ve bu sayede kullanıcılar bir web sayfasından diğerine geçiş yapabilirler. Örneğin, bir web sayfasında yer alan “Tıklayın” yazısının altında bir bağlantı bulunuyorsa, bu bağlantının nereye gideceğini belirtmek için <href> etiketi kullanılır.
<target> Etiketi Nedir?
| 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. |
<table> Etiketi Nedir?
<table> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir web sayfasında bir tablo oluşturmak için kullanılır. <table> etiketi, tablo içerisindeki satırları ve sütunları tanımlamak için kullanılır ve bu sayede tablonun düzeni ve yapısı oluşturulur. Örneğin, bir web sayfasında bir ürün listesi bulunuyorsa, bu ürünlerin adlarını, fiyatlarını ve diğer özelliklerini göstermek için <table> etiketi kullanılabilir. Bu etiketin kullanımı, web sayfalarını daha anlaşılır ve düzenli bir hale getirmek için yaygın olarak kullanılır.
| 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. |
Form Etiketleri
<form> Etiketi Nedir?
<form> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir web sayfasında bir form oluşturmak için kullanılır. Formlar, kullanıcıların bilgi girişi yapabilecekleri ve bu bilgilerin sunucuya iletilebileceği yapılardır. Örneğin, bir alışveriş sitesinde ürün satın almak istediğinizde, adres bilgilerinizi girmek ve ödeme yapmak için bir form kullanılır. <form> etiketi, bu formun HTML dilinde tanımlanması için kullanılır. Bu etiketin kullanımı, web sayfalarında kullanıcıların bilgi girişi yapabilmesini ve bu bilgilerin sunucuya iletilebilmesini sağlar.
<input> Etiketi Nedir?
<input> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde kullanıcıların bilgi girişi yapabileceği bir alan oluşturmak için kullanılır. Örneğin, bir formda ad, soyad ve e-posta gibi bilgileri girmek istediğinizde, her bir bilgi için ayrı bir <input> etiketi kullanabilirsiniz. Bu etiket sayesinde, kullanıcılar formda bulunan alanlara bilgi girişi yapabilir ve bu bilgiler sunucuya iletilebilir. <input> etiketinin kullanımı, web sayfalarında kullanıcıların bilgi girişi yapabilmesini ve bu bilgilerin sunucuya iletilebilmesini sağlar.
<checkbox> Nedir?
<checkbox> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde kullanıcıların bir seçenekten ya da seçeneklerden bir veya birden fazlasını işaretleyebileceği bir alan oluşturmak için kullanılır. Örneğin, bir formda bir kişinin yaşadığı şehirleri seçmesi isteniyorsa, her bir şehir için ayrı bir <checkbox> etiketi kullanılabilir. Bu sayede kullanıcı, istediği şehirleri işaretleyebilir ve bu bilgiler sunucuya iletilebilir. <checkbox> etiketinin kullanımı, web sayfalarında kullanıcıların seçenekler arasından bir veya birden fazlasını seçebilmesini ve bu seçimlerin sunucuya iletilebilmesini sağlar.
<radio> Etiketi Nedir?
<radio> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde kullanıcıların bir seçenekten sadece birini seçebileceği bir alan oluşturmak için kullanılır. Örneğin, bir formda bir kişinin cinsiyetini belirtmesi isteniyorsa, “Erkek” ve “Kadın” gibi seçenekler için ayrı ayrı <radio> etiketleri kullanılabilir. Bu sayede kullanıcı, istediği seçeneği seçebilir ve bu bilgi sunucuya iletilebilir. <radio> etiketinin kullanımı, web sayfalarında kullanıcıların bir seçenekten sadece birini seçebilmesini ve bu seçimin sunucuya iletilebilmesini sağlar.
<text> Etiketi Nedir?
<text> terimi, HTML dilinde kullanılan bir etiket değildir. HTML dilinde, bir metin bölümünü tanımlamak için <p> veya <div> gibi etiketler kullanılır. Bu etiketler sayesinde, bir web sayfasında metinler düzenlenir ve bu metinlerin formatı (örneğin, yazı tipi, boyutu ve rengi) belirtilebilir. Örneğin, bir web sayfasında bir paragraf bulunuyorsa, bu paragrafı <p> etiketi içerisinde tanımlayarak metnin formatını belirtebilirsiniz. HTML dilinde <text> etiketi yoktur ve bu nedenle bu etiket kullanılamaz.
<image> Etiketi Nedir?
<image> terimi, HTML dilinde kullanılan bir etiket değildir. HTML dilinde, bir resim eklemek için <img> etiketi kullanılır. Bu etiket sayesinde, bir web sayfasına bir resim eklenebilir ve bu resmin özellikleri (örneğin, boyutu ve kaynak dosyası) belirtilebilir. Örneğin, bir web sayfasında bir resim bulunuyorsa, bu resmi <img> etiketi içerisinde tanımlayarak resmin özelliklerini belirtebilirsiniz. HTML dilinde <image> etiketi yoktur ve bu nedenle bu etiket kullanılamaz.
| 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.”> |
<password> Etiketi Nedir?
<password> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde kullanıcıların girdiği bir parolayı gizlemek için kullanılır. Örneğin, bir formda bir kullanıcı adı ve parola girmesi isteniyorsa, parola alanı için <password> etiketi kullanılabilir. Bu sayede, kullanıcı parolasını girdiği alan görünmez bir hale gelir ve bu sayede güvenliği sağlanır. <password> etiketinin kullanımı, web sayfalarında kullanıcı parolalarının güvenli bir şekilde saklanmasını sağlar.
<textarea> Etiketi Nedir?
<textarea> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde kullanıcıların birden fazla satırlı bir metin girişi yapabileceği bir alan oluşturmak için kullanılır. Örneğin, bir formda bir kişinin adresini girmesi isteniyorsa, adres alanı için <textarea> etiketi kullanılabilir. Bu sayede, kullanıcı birden fazla satır kullanarak adresini girebilir ve bu bilgi sunucuya iletilebilir. <textarea> etiketinin kullanımı, web sayfalarında kullanıcıların birden fazla satırlı bir metin girişi yapabilmesini ve bu bilgilerin sunucuya iletilebilmesini sağlar.
<reset> Etiketi Nedir?
<reset> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde bulunan bilgi giriş alanlarının içeriğini sıfırlamak için kullanılır. Örneğin, bir formda bir kişinin ad, soyad ve e-posta gibi bilgilerini girdiği alanlar bulunuyorsa, bu alanların içeriğini sıfırlamak için <reset> etiketi kullanılabilir. Bu sayede, kullanıcı formdaki bilgi giriş alanlarının içeriğini sıfırlayarak tekrar doldurabilir ve bu bilgileri sunucuya iletilebilir. <reset> etiketinin kullanımı, web sayfalarında kullanıcıların formdaki bilgi giriş alanlarının içeriğini sıfırlayarak tekrar doldurabilmelerini sağlar.
<submit> Etiketi Nedir?
<submit> terimi, HTML dilinde kullanılan bir etikettir. Bu etiket, bir form içerisinde bulunan bilgi giriş alanlarının içeriğini sunucuya iletmek için kullanılır. Örneğin, bir formda bir kişinin ad, soyad ve e-posta gibi bilgilerini girdiği alanlar bulunuyorsa, bu bilgileri sunucuya iletmek için <submit> etiketi kullanılabilir. Bu sayede, kullanıcı formdaki bilgi giriş alanlarını doldurarak sunucuya iletebilir ve bu bilgilerin işlenmesi için gerekli işlemler yapılabilir. <submit> etiketinin kullanımı, web sayfalarında kullanıcıların formdaki bilgi giriş alanlarının içeriğini sunucuya iletebilmelerini sağlar.