Ara
  • Temel Bilgileri
  • HTML Dile Genel Bakış
  • HTML Editörler
  • HTML Temelleri
  • Paragraf Koordinasyon
  • HTML Paragrafları
  • HTML Başlıklar
  • HTML Metin Biçimlendirme
  • HTML Metin Düzenleme
  • HTML Alıntılar
  • HTML Kod biçimlendirme
  • HTML Bağlantılar
  • Listeler ve Tablolar
  • HTML Tablolar
  • HTML Sıralamalı listeler
  • HTML Sırasız Listeler
  • HTML Açıklama listeleri
  • Medya ve Dahili Sayfalar
  • HTML Dosya Yolları
  • HTML Resimler
  • HTML Videolar
  • HTML Sesleri
  • HTML Iframe
  • Form oluşturma
  • HTML Formlar
  • HTML Form Öğeleri Adresleme
  • HTML Form Giriş Alanları
  • HTML Formda Normal Düğmeler
  • HTML Onay Kutuları
  • HTML Radyo Düğmeleri
  • HTML Açılır Listeler
  • HTML Seçim Aralıkları
  • HTML Formun Ortak Öğelerini Toplamak
  • Sayfanın dilini belirtmek
  • HTML Dil Kodları
  • HTML Ülke Kodları
  • HTML Farklı Dillerde Sayfalar
  • Diğer dersler
  • Database - Veritabanları
  • HTML5 Nedir?
  • ens

K-kudo

HTML öğren

HTML araçları

  • Ana Sayfa
  • Kod Editor
  • Kod Dönüştürücü
  • Color Picker
  • Yardım
  • Araştırma

HTML Dilin Tüm Etiketleri Ve Özellikleri

önceki ders sonraki ders
Sayfa içeriği
  • › Tarayıcı desteğin konsepti
  • › Tüm HTML etiketleri

Tarayıcı desteğin konsepti

Chrome, Edge, Firefox, Safari, Opera, brave vb. Web sitelerine göz atmak için kullanabileceğin birçok tarayıcı vardır.
Bu tarayıcılar yıllar içinde geliştirilmiştir, bu nedenle her biri için düzinelerce sürüm bulabilirsin ve bugüne kadar sürekli olarak güncellenmektedirler.

HTML'ye gelince, etiketler ve özellikler çoğu tüm tarayıcılarda aynıdır, ancak aşağıdakileri bilmeni gerekiyor:

  • Yalnızca bazı tarayıcılarda kullanılabilen çok az ek etiket ve özellik vardır.
  • Tüm tarayıcılarda ortak olan etiketler vardır, ancak bunlar sayfanın açıldığı tarayıcının türüne bağlı olarak farklı şekilde görüntülenebilir.

Tarayıcılar arasındaki fark sorununu çözmek

Oluşturduğun tasarımın kullanıcıya olduğu gibi görünmesini sağlamak için hangi tarayıcıyı kullanırsa kullansın tüm tarayıcılarda ortak olan kodların kullanılması tercih ediyorum.

Ayrıca, bunun için endişelenmeni gerek yok çünkü gelecekte Bootstrap ve UIkit gibi hazır kütüphaneler ve aynı tasarıma sahip tüm tarayıcılarda çalışan tasarımlar oluşturmak için diğer harika kütüphaneler kullanacaksın.


Tüm HTML etiketleri

Aşağıdaki tablo, tüm dil etiketlerini, özelliklerini ve bunları destekleyen tarayıcıları, her bir etiketin kapsamlı örnekleriyle birlikte içerir.

No Kullanımı
Etiket
1
Kodda yorum veya not eklemek için kullanılır.
Okumaya devam et 
<!-- -->
2
Tarayıcıya sayfada hangi HTML sürümünün desteklendiğini söylemek için kullanılır.
Okumaya devam et 
<!DOCTYPE>
3
Sayfada bir bağlantı görüntülemek için kullanılır.
Okumaya devam et 
<a>
4
Fare üzerine getirildiğinde gösterilen kısaltılmış biçimde yerleştirilmiş bir kelimeyi tanımlamak için kullanılır.
Okumaya devam et 
<abbr>
5
Sayfada yazar için iletişim bilgilerini görüntülemek için kullanılır.
Okumaya devam et 
<address>
6
Görüntü haritasında <map> etiketi tarafından ayarlanan ve tıklanabilir bir bağlantı haline getiren bir noktayı işaretlemek için kullanılır.
Okumaya devam et 
<area>
7
İçine yerleştirilen içerik tek bir satırda görüntülenir, ancak kullanım amacı bu değildir. Genel olarak, sayfada makaleler, yorumlar, kartlar vb. koleksiyonu görüntüleniyorsa, bunların her biri bu türden bir etiket içinde görüntülenebilir.
Okumaya devam et 
<article>
8
İçine yerleştirilen içerik tek bir satırda görüntülenir, ancak kullanım amacı bu değildir. Genel olarak, bu tür bir etiketin içine sayfa içeriğiyle doğrudan ilgili olmayan içerik yerleştirilebilir. Ayrıca, sayfa tasarımı sayfa boyunca bir yan menü içeriyorsa, menünün içeriği bu tür bir etiketin içine yerleştirilebilir.
Okumaya devam et 
<aside>
9
not eklemek için kullanılır.
Okumaya devam et 
<audio>
10
not eklemek için kullanılır.
Okumaya devam et 
<b>
11
not eklemek için kullanılır.
Okumaya devam et 
<base>
12
not eklemek için kullanılır.
Okumaya devam et 
<bdi>
13
not eklemek için kullanılır.
Okumaya devam et 
<bdo>
14
not eklemek için kullanılır.
Okumaya devam et 
<blockquote>
15
not eklemek için kullanılır.
Okumaya devam et 
<body>
16
not eklemek için kullanılır.
Okumaya devam et 
<br>
17
not eklemek için kullanılır.
Okumaya devam et 
<button>
18
not eklemek için kullanılır.
Okumaya devam et 
<canvas>
19
not eklemek için kullanılır.
Okumaya devam et 
<caption>
20
not eklemek için kullanılır.
Okumaya devam et 
<cite>
21
not eklemek için kullanılır.
Okumaya devam et 
<code>
22
not eklemek için kullanılır.
Okumaya devam et 
<col>
23
not eklemek için kullanılır.
Okumaya devam et 
<colgroup>
24
not eklemek için kullanılır.
Okumaya devam et 
<data>
25
not eklemek için kullanılır.
Okumaya devam et 
<datalist>
26
not eklemek için kullanılır.
Okumaya devam et 
<dd>
27
not eklemek için kullanılır.
Okumaya devam et 
<del>
28
not eklemek için kullanılır.
Okumaya devam et 
<details>
29
not eklemek için kullanılır.
Okumaya devam et 
<dfn>
30
not eklemek için kullanılır.
Okumaya devam et 
<dialog>
31
not eklemek için kullanılır.
Okumaya devam et 
<div>
32
not eklemek için kullanılır.
Okumaya devam et 
<dl>
33
not eklemek için kullanılır.
Okumaya devam et 
<dt>
34
not eklemek için kullanılır.
Okumaya devam et 
<em>
35
not eklemek için kullanılır.
Okumaya devam et 
<embed>
36
not eklemek için kullanılır.
Okumaya devam et 
<fieldset>
37
not eklemek için kullanılır.
Okumaya devam et 
<figcaption>
38
not eklemek için kullanılır.
Okumaya devam et 
<figure>
39
not eklemek için kullanılır.
Okumaya devam et 
<footer>
40
not eklemek için kullanılır.
Okumaya devam et 
<form>
41
not eklemek için kullanılır.
Okumaya devam et 
<h1>-<h6>
42
not eklemek için kullanılır.
Okumaya devam et 
<head>
43
not eklemek için kullanılır.
Okumaya devam et 
<header>
44
not eklemek için kullanılır.
Okumaya devam et 
<hr>
45
not eklemek için kullanılır.
Okumaya devam et 
<html>
46
not eklemek için kullanılır.
Okumaya devam et 
<i>
47
not eklemek için kullanılır.
Okumaya devam et 
<iframe>
48
not eklemek için kullanılır.
Okumaya devam et 
<img>
49
not eklemek için kullanılır.
Okumaya devam et 
<input>
50
not eklemek için kullanılır.
Okumaya devam et 
<ins>
51
not eklemek için kullanılır.
Okumaya devam et 
<kbd>
52
not eklemek için kullanılır.
Okumaya devam et 
<label>
53
not eklemek için kullanılır.
Okumaya devam et 
<legend>
54
not eklemek için kullanılır.
Okumaya devam et 
<li>
55
not eklemek için kullanılır.
Okumaya devam et 
<link>
56
not eklemek için kullanılır.
Okumaya devam et 
<main>
57
not eklemek için kullanılır.
Okumaya devam et 
<map>
58
not eklemek için kullanılır.
Okumaya devam et 
<mark>
59
not eklemek için kullanılır.
Okumaya devam et 
<meta>
60
not eklemek için kullanılır.
Okumaya devam et 
<meter>
61
not eklemek için kullanılır.
Okumaya devam et 
<nav>
62
not eklemek için kullanılır.
Okumaya devam et 
<noscript>
63
not eklemek için kullanılır.
Okumaya devam et 
<object>
64
not eklemek için kullanılır.
Okumaya devam et 
<ol>
65
not eklemek için kullanılır.
Okumaya devam et 
<optgroup>
66
not eklemek için kullanılır.
Okumaya devam et 
<option>
67
not eklemek için kullanılır.
Okumaya devam et 
<output>
68
not eklemek için kullanılır.
Okumaya devam et 
<p>
69
not eklemek için kullanılır.
Okumaya devam et 
<param>
70
not eklemek için kullanılır.
Okumaya devam et 
<picture>
71
not eklemek için kullanılır.
Okumaya devam et 
<pre>
72
not eklemek için kullanılır.
Okumaya devam et 
<progress>
73
not eklemek için kullanılır.
Okumaya devam et 
<q>
74
not eklemek için kullanılır.
Okumaya devam et 
<rp>
75
not eklemek için kullanılır.
Okumaya devam et 
<rt>
76
not eklemek için kullanılır.
Okumaya devam et 
<ruby>
77
not eklemek için kullanılır.
Okumaya devam et 
<s>
78
not eklemek için kullanılır.
Okumaya devam et 
<samp>
79
not eklemek için kullanılır.
Okumaya devam et 
<script>
80
not eklemek için kullanılır.
Okumaya devam et 
<section>
81
not eklemek için kullanılır.
Okumaya devam et 
<select>
82
not eklemek için kullanılır.
Okumaya devam et 
<small>
83
not eklemek için kullanılır.
Okumaya devam et 
<source>
84
not eklemek için kullanılır.
Okumaya devam et 
<span>
85
not eklemek için kullanılır.
Okumaya devam et 
<strong>
86
not eklemek için kullanılır.
Okumaya devam et 
<style>
87
not eklemek için kullanılır.
Okumaya devam et 
<sub>
88
not eklemek için kullanılır.
Okumaya devam et 
<summary>
89
not eklemek için kullanılır.
Okumaya devam et 
<sup>
90
not eklemek için kullanılır.
Okumaya devam et 
<svg>
91
not eklemek için kullanılır.
Okumaya devam et 
<table>
92
not eklemek için kullanılır.
Okumaya devam et 
<tbody>
93
not eklemek için kullanılır.
Okumaya devam et 
<td>
94
not eklemek için kullanılır.
Okumaya devam et 
<template>
95
not eklemek için kullanılır.
Okumaya devam et 
<textarea>
96
not eklemek için kullanılır.
Okumaya devam et 
<tfoot>
97
not eklemek için kullanılır.
Okumaya devam et 
<th>
98
not eklemek için kullanılır.
Okumaya devam et 
<thead>
99
not eklemek için kullanılır.
Okumaya devam et 
<time>
100
not eklemek için kullanılır.
Okumaya devam et 
<title>
101
not eklemek için kullanılır.
Okumaya devam et 
<tr>
102
not eklemek için kullanılır.
Okumaya devam et 
<track>
103
not eklemek için kullanılır.
Okumaya devam et 
<u>
104
not eklemek için kullanılır.
Okumaya devam et 
<ul>
105
not eklemek için kullanılır.
Okumaya devam et 
<var>
106
not eklemek için kullanılır.
Okumaya devam et 
<video>
107
not eklemek için kullanılır.
Okumaya devam et 
<wbr>
önceki ders sonraki ders

Kullanım Koşulları ve Gizlilik Politikası © 2021-2023 HTML öğren.