HTML
Etiketi Nedir?
İçindekiler
Günümüzde internetin hayatımızdaki yeri giderek artmaktadır. İnternet üzerindeki web sayfalarını oluştururken HTML (HyperText Markup Language) dili kullanılmaktadır. HTML, web sayfalarını yapılandırmak için kullanılan bir işaretleme dilidir. HTML’in birçok etiketi bulunmaktadır ve bu etiketler sayesinde web sayfalarının düzeni ve içeriği belirlenir. Bu blog yazısında, HTML öğelerinden olan
- etiketine odaklanacağız ve onun ne olduğunu daha detaylı bir şekilde inceleyeceğiz.
- HTML: HTML, web sayfalarının yapısını belirlemek için kullanılan bir işaretleme dilidir. İnternet tarayıcıları, HTML kodlarını okuyarak, sayfaları kullanıcıya gösterir.
-
- Etiketi:
- etiketi, HTML’de sıralı listeler oluşturmak için kullanılır. Bu etiket ile oluşturulan liste öğeleri, numaralandırılır.
- Nasıl Kullanılır?
-
- Etiketi:
Her bir liste öğesini oluşturmak için - etiketi kullanılır. Bu etiketin içine yazılan metin, liste öğesini temsil eder.
-
- ve
- Etiketleri:
- etiketi, listeyi başlatırken kullanılırken,
- etiketi her bir liste öğesini temsil eder.
- Numaralandırma Türleri:
- Type=1 : Liste öğelerinin numaralandırılmasında standart numaralar kullanılır.
- Type=a : Liste öğelerinin numaralandırılmasında alfabetik harfler kullanılır.
- Type=i : Liste öğelerinin numaralandırılmasında Roman rakamları kullanılır.
- etiketi ile tanımlanır.
- etiketi, bir sırasız liste öğesini temsil eder. Birden fazla
- etiketi kullanılarak liste öğeleri oluşturulabilir.
Örneğin, aşağıdaki HTML kodu ile basit bir sırasız liste oluşturulabilir:
HTML Kodu Görüntülenen Liste <ul>
<li>Elma</li>
<li>Armut</li>
<li>Muz</li>
</ul>- Elma
- Armut
- Muz
- Etiketi ve Tanım Listeleri
Etiketi ve Tanım Listeleri
- HTML
- etiketi, sayfa içerisinde bilgi veya tanım listelerini oluşturmak için kullanılır.
- etiketi ise tanımlanacak öğeleri ve bu öğelere ait açıklamaları içeren bir liste oluşturur.
Tanım listeleri, normal bir liste gibi sıralı veya sırasız olabilir. Ancak, tanım listeleri diğer listelerden farklı olarak bir tanım öğesi (dt) ve bu tanıma ait açıklama öğesi (dd) içerir.
Bir tanım listesi oluşturmak için etiketi kullanılır. Ardından her bir tanım öğesi için etiketi ve açıklama öğesi için etiketi kullanılır. Örneğin:
CSS
Cascading Style Sheets (CSS), web sayfalarının görüntülenme şeklini belirlemek için kullanılan bir stil dilidir.HTML
HyperText Markup Language (HTML), web sayfalarının yapısını tanımlayan bir işaretleme dilidir.JavaScript
JavaScript, web sayfalarında etkileşimli özellikler eklemek için kullanılan bir programlama dilidir.Liste Öğelerini Numaralandırmak
HTML’de liste oluşturmak için birden fazla seçenek bulunmaktadır. Bu seçeneklerden biri de liste öğelerini numaralandırmaktır. Numaralandırma yapmak için <ol> etiketi kullanılır. Bu etiketin içine yazılan her öğe otomatik olarak numaralandırılır. Aşağıda, liste öğelerini numaralandırmanın nasıl yapılacağını ayrıntılı olarak anlatacağım.
Liste öğelerini numaralandırmak için öncelikle <ol> etiketini açmalıyız. Ardından her öğeyi yazarken <li> etiketini kullanmalıyız. İşte bir örnek:
No Öğe 1 Elma 2 Armut 3 Portakal Liste Öğelerini İşaretlemek
Bir HTML belgesinde, işaretli liste oluşturmak için <ul> etiketi kullanılır. İşaretli liste, madde işaretleri veya numaralı işaretlerle birlikte öğelerin sıralı veya sırasız bir listesini sunar. Bu işaretler, belgenin yapısını daha düzenli hale getirmek için kullanılabilir. İşte liste öğelerini işaretlemek için kullanılan bazı etiketler:
- <ul>: İşaretli liste etiketi
- <li>: İşaretli liste öğesi etiketi
İşaretli liste öğelerini kullanırken, her bir öğeyi <li> etiketi arasında tanımlamalısınız. Bir öğeye madde işareti veya numara eklemek için CSS kullanabilirsiniz.
Etiket Açıklama <ul> İşaretli liste etiketi <li> İşaretli liste öğesi etiketi Liste İçinde Gömülü Listeler
Listeler, web sayfalarında bilgiyi daha düzenli bir şekilde sunmamızı sağlar. Ancak bazen, listelerimizin içinde daha küçük listelere ihtiyaç duyabiliriz. İşte bu durumlarda devreye “Liste İçinde Gömülü Listeler” girer.
HTML’de liste içinde gömülü listeler oluşturmak oldukça basittir. Bunun için sadece dış listemizi oluşturduktan sonra iç listeyi oluştururuz. İç listeyi oluşturmak için
- veya
- Mevcut liste
- Gömülü liste1
- Gömülü liste öğesi1
- Gömülü liste öğesi2
- Gömülü liste2
- Gömülü liste öğesi1
- Gömülü liste öğesi2
- Bir sonraki liste öğesi
- etiketi ile tanımlanır ve sıralanır.
- Etiketi Nasıl Kullanılır?
- etiketi ile tanımlanır ve işaretlenir.
- Etiketi ve Tanım Listeleri
- etiketi ile tanımlanır ve
- etiketi ile açıklanır.
Liste Öğelerini Numaralandırmak
Liste öğelerini numaralandırmak için
- etiketi kullanılır. Her öğe
- etiketi ile tanımlanır ve numaralandırılır.
Liste Öğelerini İşaretlemek
Liste öğelerini işaretlemek için
- etiketi kullanılır. Her öğe
- etiketi ile tanımlanır ve işaretlenir.
Liste İçinde Gömülü Listeler
Liste içinde başka bir liste oluşturmak için inner listeler kullanılabilir. Inner liste, daha spesifik bilgileri temsil eder ve ana liste içinde yer alır. Inner liste, iç içe
- etiketleri kullanılarak oluşturulur.
Düzenli Liste Öğeleri ve Açıklamaları
Düzenli liste öğeleri ve açıklamaları oluşturmak için
- etiketi kullanılır. Her öğe
- etiketi ile tanımlanır ve
- etiketi ile açıklanır.
- etiketi ile tanımlanır ve işaretlenir.
- etiketi ile tanımlanır ve numaralandırılır.
HTML
- etiketi, bir tanım listelesi oluşturmak için kullanılır. Liste öğeleri
HTML
- etiketi, düzenli bir işaretli liste oluşturmak için kullanılır. Liste öğeleri
- etiketi ile tanımlanır ve işaretlenir.
- etiketini kullanabiliriz. Ardından, iç listemizdeki öğeleri sıralı veya sırasız şekilde tanımlarız.
Bu örnek, iç içe geçmiş bir liste yapısını göstermektedir. İç listelerimizi
- veya
- etiketleri ile tanımlarken, iç listeleri içeren liste öğelerini sırasız veya sıralı şekilde tanımlayabiliriz.
Düzenli Liste Öğeleri ve Açıklamaları
Düzenli listeler, web sayfalarında belirli bir sırayla listelenmesi gereken öğeler için kullanılır. Bu öğeler, numaralandırılmış veya işaretli olarak gösterilebilir. Düzenli liste öğeleri ve açıklamaları, <dl> etiketi ile oluşturulur.
Öncelikle, <dl> etiketi ile bir düzenli liste başlatılır. Her bir liste öğesi için ise, <dt> etiketi ile etiket tanımlaması yapılır ve <dd> etiketi ile açıklama girilir. İşte bir örnek:
Etiket Açıklama <dl> Bir düzenli liste başlatır. <dt> Bir etiket tanımlaması yapar. <dd> Bir açıklama girer. Bu örnekte, <dl> etiketi ile düzenli liste başlatılıyor. Ardından, ilk liste öğesi için <dt> etiketi ile etiket tanımlaması yapılıyor. Bunun altında ise <dd> etiketi ile açıklama giriliyor. Diğer liste öğeleri için aynı şekilde tanımlamalar yapılır.
Sık Sorulan Sorular
- Etiketi Nedir?
HTML
- etiketi, düzenli bir numaralı liste oluşturmak için kullanılır. Liste öğeleri
- Etiketi Nasıl Kullanılır?
- Etiketi Nasıl Kullanılır?
HTML’de, web sayfalarında listeler oluşturmak için
- etiketi kullanılır.
- etiketi, sırasız bir liste oluşturur. Bu liste, sıralanmış öğelere sahip olmayan, düz metinden oluşan bir liste türüdür.
- etiketi ile oluşturulan liste, varsayılan olarak madde işaretleriyle temsil edilir.
Bir
- etiketi içindeki her öğe,
-