HTML etiketleri, web tarayıcısının içeriği nasıl biçimlendireceğini ve görüntüleyeceğini tanımlayan anahtar kelimeler gibidir. Etiketlerin yardımıyla bir web tarayıcısı, HTML içeriği ile basit içerik arasında ayrım yapabilir. HTML etiketleri üç ana bölümden oluşur: açılış etiketi, içerik ve kapanış etiketi. Ancak bazı HTML etiketleri kapatılmamış etiketlerdir.
Bir web tarayıcısı bir HTML belgesini okuduğunda, tarayıcı onu yukarıdan aşağıya ve soldan sağa okur. HTML etiketleri, HTML belgeleri oluşturmak ve bunların özelliklerini oluşturmak için kullanılır. Her HTML etiketinin farklı özellikleri vardır.
Bir HTML dosyasının, web tarayıcısının basit bir metin ile HTML metni arasında ayrım yapabilmesi için bazı temel etiketlere sahip olması gerekir. Kod ihtiyacınıza göre istediğiniz kadar etiket kullanabilirsiniz.
- Tüm HTML etiketleri bu parantezlerin içine alınmalıdır.
- HTML'deki her etiket farklı görevleri yerine getirir.
- Açık etiket kullandıysanız kapatma etiketi kullanmanız gerekir (bazı etiketler hariç)
Sözdizimi
içerik
HTML Etiketi Örnekleri
Not: HTML Etiketleri her zaman küçük harflerle yazılır. Temel HTML etiketleri aşağıda verilmiştir:
Paragraf Etiketi
Başlık Etiketi
Kalın Etiket
İtalik Etiket
Altı Çizili Etiket
Şimdi Test EdinKapatılmamış HTML Etiketleri
Bazı HTML etiketleri (örneğin br ve hr) kapalı değildir.
Etiket: br kesme satırı anlamına gelir, kodun satırını keser.
Etiket: hr Yatay Kural anlamına gelir. Bu etiket web sayfasına bir çizgi koymak için kullanılır.
HTML Meta Etiketleri
DOCTYPE, başlık, bağlantı, meta ve stil
HTML Metin Etiketleri
,
Başlık düzeyi 2
Başlık seviyesi 3
Başlık seviyesi 4
Başlık seviyesi 5
Başlık seviyesi 6
Dört beş.
:
Bu etiket yardımıyla web sayfasını bölebiliriz. Yatay kural veya tema sonu anlamına gelir.
Sözdizimi:
<hr>
46. :
Bu etiketin yardımıyla diğer tüm öğeler onun içinde yer alır. HTML öğesinin kökü olarak da bilinir.
java dizesini birleştirme
Sözdizimi:
47. :
Bu etiketin yardımıyla herhangi bir içeriği italik hale getirebiliriz. Önemli bir terimi, ifadeyi veya teknik terimi vurgular.
Sözdizimi:
<i>Italicized Text</i>
48.
Bu etiketin yardımıyla mevcut web sayfasına başka bir HTML sayfası gömebiliriz.
Sözdizimi:
<iframe src="url"></iframe>
49. :
Bu etiketin yardımıyla mevcut web sayfasına bir resim gömebiliriz. Bir görseli doğrudan web sayfasına eklemeden görsele bağlar.
Sözdizimi:
elli.
Bu tag yardımıyla formda interaktif kontrolü etkinleştirebiliriz. Ayrıca öznitelik türünün çeşitli alanlarına da bağlıdır.
Sözdizimi:
51. :
Bu etiket yardımıyla eklenen metnin bloğunu belirtebiliriz. Ayrıca belgeye belirli bir metin aralığının eklendiğini de belirtir.
Sözdizimi:
Inserted Text
52. :
Bu etiketin yardımıyla satır içi metnin kullanıcının klavyesini, sesini veya herhangi bir diğer metin giriş cihazını temsil eden metin kısmına başvurabiliriz.
Sözdizimi:
java'da string'in int'ye nasıl aktarılacağı
Keyboard Input
53. :
Bu etiketin yardımıyla fare kullanıcıları için kullanılabilirliği geliştirebiliriz; yani etikete tıklamak kontrolü değiştirir.
Sözdizimi:
Label Text
54. :
Bu etiket yardımıyla çocuğun içeriğine başlık tanımlayabiliriz. Efsaneler tüm alt öğelerin ana öğesidir. Bu unsurları yardımıyla tanımlayabiliriz.
Sözdizimi:
Fieldset Caption
55.
Bu etiketin yardımıyla web sayfasındaki öğelerin listesini temsil edebiliriz. Ana öğe olarak sıralı bir liste (sırasız veya menü) içerir.
Sözdizimi:
<ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>
56. :
Bu etiketin yardımıyla harici kaynakları mevcut web sayfasına bağlayabiliriz.
Sözdizimi:
57. :
Bu etiket yardımıyla sıradan bir unsuru en önemli unsur haline getirebiliriz. Bu etiketi etiketin içine yazmamız gerekiyor.
Sözdizimi:
58. :
Bu etiket yardımıyla harita görselini tanımlayabiliriz. Görüntü haritasının ayrıca tıklanabilir bir alanı vardır.
Sözdizimi:
59. :
Bu etiketin yardımıyla, referans veya notasyon amacıyla kullanılacak metni vurgulanmış olarak gösterebiliriz. İçeriğin önemine göre metni öne çıkardı.
Sözdizimi:
Highlighted Text
60. :
Bu etiketin yardımıyla belgenin meta verilerini temsil edebiliriz. Meta veriler sayfa açıklamasını, anahtar kelimeleri, telif hakkını, kullanılan dili ve yazarı içerir.
Sözdizimi:
61. :
Bu etiketin yardımıyla belirli bir aralıktaki veya kesirli değerlerdeki Ölçümleri temsil edebiliriz. Ölçer olarak da bilinir.
Sözdizimi:
Fallback Content
62. :
Bu etiketin yardımıyla bir belgedeki gezinme bağlantılarının bölümünü temsil edebiliriz. Gezinme etiketlerinin bazı örnekleri Menüler, içindekiler tabloları, dizinler vb.'dir.
Sözdizimi:
63. :
Bunun yardımıyla, kullanıcının tarayıcısı belirli bir betiği desteklemediğinde alternatif bir betik sağlayabiliriz. Ayrıca kullanıcının tarayıcısının istemci tarafı komut dosyası oluşturmayı desteklemediği veya herhangi bir komut dosyası dilini desteklemediği durumlarda da çalışır.
Sözdizimi:
64. :
Bu etiketin yardımıyla web sayfalarında ses, video, resim, PDF ve Flash gibi multimedyaları görüntüleyebiliriz.
Sözdizimi:
65.:
Bu etiket sıralı listenin oluşturulması için kullanılır. Sıralı liste sayısal veya alfabetik olabilir. İçinde
- etiketini kullanarak listeyi oluşturabiliriz.
- etiket. Daha sonra sırayı takip edecek.
Sözdizimi:
<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>
66. :
Bu etiket, açılır listenin oluşturulmasında kullanılır. Bu etiket yardımıyla seçenek grubunu tanımlayabiliriz.
Sözdizimi:
Option 1 Option 2
67. :
Bu etiket yardımıyla açılır listedeki seçeneği etiketini kullanarak tanımlayabiliriz.
Sözdizimi:
Option Text
68. :
Bu etiket yardımıyla hesaplama sonucunu enjekte eden eleman için konteyner oluşturabiliriz.
Sözdizimi:
java'da catch bloğunu deneyin
69. :
Bu etiket yardımıyla paragraf etiketini tanımlayabiliriz. Paragraf etiketinin yardımıyla görsel medyayı, bitişik bloklardan boş satırlarla veya ilk satır girintisiyle ayrılmış metin blokları olarak temsil edebiliriz.
Sözdizimi:
Paragraph text goes here.
70. :
Bu etiket yardımıyla bir nesnenin parametresini tanımlayabiliriz. Bunun yardımıyla başka bir gömülü nesnenin parametresini iletebiliriz.
Sözdizimi:
71. :
Bu etiket yardımıyla görseli belirterek web sayfasına esneklik sağlayabiliriz. Ayrıca ve gibi etiketleri de içerir .
Sözdizimi:
72.:
Bu etiketin yardımıyla, web sayfasındaki önceden biçimlendirilmiş metin bloğunu, boşluklar, satır sonları, sekmeler vb. gibi önceden biçimlendirilmiş karakter olarak bildirebiliriz.
Sözdizimi:
Önceden biçimlendirilmiş metin buraya gelir.
73. :
Bu etiket yardımıyla görevin ilerleyişini görüntüleyebiliriz. Bunun yardımıyla geliştirici web sayfasında bir ilerleme çubuğu oluşturabilir.
Sözdizimi:
74. :
Bu etiket yardımıyla web sayfasında satır içi teklif oluşturabiliriz. Metin, günümüzde çoğu tarayıcıda tırnak işaretleri içinde yer almaktadır.
Sözdizimi:
Here is a short quotation within a sentence.
75. :
Bu tag yardımıyla tarayıcının Ruby açıklamalarını desteklemediği durumlarda geri dönüş parantezinde kullanabiliriz.
Sözdizimi:
Base text (Ruby text)
76. :
Bu etiket yardımıyla ruby açıklamasının içindeki karakterin telaffuzunu tanımlayabiliriz.
Sözdizimi:
Base text Ruby text
77. :
Bunun yardımıyla Doğu Asya karakterlerinin telaffuzlarını tanımlayabilir ve temel metnin üstünde, altında veya yanında küçük açıklamalar gösterebiliriz.
Sözdizimi:
Base text Ruby text
78. :
Bu etiketin yardımıyla metni üstü çizili veya üzeri çizgili hale getirebiliriz. Bu etiketi, Şeyler artık doğru veya alakalı olmadığında kullanabiliriz.
Sözdizimi:
Struck-through text
79. :
Bu etiket yardımıyla bilgisayar programının örnek çıktısını tanımlayabiliriz. Bu etiketin içeriği tarayıcıda tek aralıklı yazı tipi kullanılarak görüntülenir.
Sözdizimi:
Sample text or code goes here
80. :
Bu etiketin yardımıyla istemci tarafı komut dosyalarını ekleyebiliriz. Ayrıca komut dosyasının HTML web sayfasına eklenmesini de sağlar.
Sözdizimi:
81. :
Bu etiketin yardımıyla web sayfasında üstbilgi ve altbilgiyi veya herhangi bir bölümü oluşturabiliriz.
Sözdizimi:
82. :
Bu tag yardımıyla liste içerisindeki seçeneklerin listesini tanımlayabiliriz.
Sözdizimi:
Option Text
83. :
Bu etiketin yardımıyla yazı tipi boyutunu temel boyutundan bir boyut daha küçültebiliriz, örneğin büyükten küçüğe.
Sözdizimi:
Small text goes here
84.
Bu etiketin yardımıyla ve gibi birden fazla medya kaynağını birbirine bağlayabiliriz.
Sözdizimi:
85.
Bu etiket yardımıyla içeriğin çok önemli olduğunu tanımlayabiliriz. Tarayıcı bu öğeyi kalın harflerle görüntüleyecektir.
Sözdizimi:
<strong>Emphasized text</strong>
86.:
HTML'deki en genel öğedir. Öğeleri gruplandırarak stili uygulayabiliriz.
Sözdizimi:
c++ prototip işlevi
<span>Text or content goes here</span>
87. :
Bu etiket yardımıyla belgenin stil bilgisini sağlayabiliriz.
Sözdizimi:
CSS rules go here
88.:
Bu etiketin yardımıyla alt simge öğesini yalnızca tipografik nedenlerden dolayı görüntüleyebiliriz.
Sözdizimi:
<sub>Subscript text</sub>
89. :
Bu tag yardımıyla element yardımıyla özet, başlık veya açıklamayı içeren bir kutu oluşturabiliriz. Özet butonuna tıkladığımızda ana *detaylar> elemanının açık/kapalı durumunu gerçekleştirir.
Sözdizimi:
Summary text
90.:
Bu etiketin yardımıyla herhangi bir metni satır içi öğenin üst simgesi olarak görüntüleyebiliriz.
Sözdizimi:
<sup>Superscript text</sup>
91. :
Bu etiket yardımıyla SVG grafiklerini web sayfasına gömebiliriz. Ayrıca vektör grafiklerini XML formatında da bu etiket yardımıyla tanımlayabiliriz.
Sözdizimi:
92.
Bu etiket yardımıyla verileri HTML'de tablo biçiminde tanımlayabiliriz. Bazı satır ve sütunlardan oluşan iki boyutlu bir tablo oluşturacaktır.
Sözdizimi:
<table class="table"> </table>
93.:
Bu etiketin yardımıyla tablonun, tablo gövdesiyle ilişkili satırlarını kapsülleyebiliriz.
Sözdizimi:
<table class="table"> <tbody> </tbody> </table>
94.:
Bu tag yardımıyla tablonun hücresini tanımlayabiliriz. Bir tablo satırı birden fazla öğeden oluşabilir
Sözdizimi:
<tr> <td>Table cell content</td> </tr>