HTML Nedir? En Çok Kullanılan HTML Kodları
İnternet sitelerinin görünen yapısını oluşturan en temel teknolojilerden biri HTML'dir. Bir web sayfasında gördüğünüz başlıklar, paragraflar, görseller, bağlantılar ve tabloların büyük bölümü HTML ile oluşturulur. Web geliştirmeye yeni başlayanlar için HTML'yi öğrenmek, yazılım dünyasına atılan ilk adımlardan biri olarak kabul edilir.
HTML kodları, bir web sayfasının tarayıcı tarafından doğru şekilde görüntülenmesini sağlayan etiketlerden oluşur. İster kişisel bir blog hazırlayın ister kurumsal bir web sitesi geliştirin, temel HTML yapısını bilmek hem sayfa düzenini oluşturmayı hem de SEO açısından daha sağlıklı sayfalar hazırlamayı kolaylaştırır.
HTML Nedir?
HTML nedir sorusunun en kısa cevabı, web sayfalarının iskeletini oluşturan işaretleme dilidir. HTML (HyperText Markup Language), tarayıcılara bir sayfadaki içeriklerin nasıl görüntüleneceğini anlatan etiketlerden meydana gelir. HTML bir programlama dili değildir. Bunun yerine içeriklerin anlamını ve yapısını tanımlayan bir işaretleme dilidir.
Bir web sayfasındaki başlıklar, metinler, resimler, videolar, formlar ve bağlantılar HTML ile oluşturulur. Daha sonra CSS tasarımı düzenler, JavaScript ise sayfaya etkileşim kazandırır. Bu nedenle HTML, web teknolojilerinin temel taşı olarak kabul edilir.
SEO açısından doğru hazırlanmış HTML yapısı, arama motorlarının sayfayı daha iyi anlamasına yardımcı olur. Başlık etiketlerinin doğru kullanılması, görseller için alternatif metinlerin eklenmesi ve semantik yapı oluşturulması hem kullanıcı deneyimini hem de indeksleme kalitesini artırır. HTML nedir konusu detaylarıyla öğrenildiğinde kod yazımı sorunsuz ilerlerler
HTML Açılımı Nedir?
HTML açılımı nedir diye merak edenler için HTML, HyperText Markup Language ifadesinin kısaltmasıdır.
Bu ifadeyi oluşturan kavramlar şunlardır:
- HyperText: Sayfalar arasında bağlantı kurulmasını sağlar.
- Markup: İçeriğin etiketlerle işaretlenmesini ifade eder.
- Language: Web sayfalarının standart yapısını oluşturan işaretleme dilidir.
Bu yapı sayesinde internet üzerindeki milyonlarca web sitesi ortak bir standart kullanır ve tüm modern tarayıcılar HTML belgelerini sorunsuz şekilde görüntüleyebilir.
HTML Kodları ve Anlamları
Yeni başlayanların en çok araştırdığı konulardan biri de HTML nedir konusununun haricinde html kodları ve anlamlarıdır. Her etiket farklı bir görevi yerine getirir ve tarayıcı tarafından buna göre yorumlanır.
Aşağıdaki tabloda en sık kullanılan etiketlerin anlamlarını görebilirsiniz:
|
HTML Etiketi |
Anlamı |
Kullanım Amacı |
|
|
Ana başlık |
Sayfanın en önemli başlığını oluşturur. |
|
|
Paragraf |
Metin eklemek için kullanılır. |
|
|
Görsel |
Resim gösterir. |
|
|
Bağlantı |
Başka sayfalara yönlendirme yapar. |
|
|
Tablo |
Verileri tablo halinde gösterir. |
|
|
Form |
Kullanıcıdan veri alınmasını sağlar. |
|
|
Buton |
Tıklanabilir düğme oluşturur. |
|
|
Giriş alanı |
Form verilerinin girilmesini sağlar. |
|
|
Navigasyon |
Menü alanlarını belirtir. |
|
|
Alt bilgi |
Sayfanın alt bölümünü oluşturur. |
Bu html kodları ve anlamları öğrenildiğinde mevcut web sitelerinin kaynak kodlarını okumak ve geliştirmek çok daha kolay hale gelir.
En Çok Kullanılan HTML Kodları
Bir web sayfasının yapısını oluşturan HTML kodları, farklı görevleri yerine getiren HTML etiketlerinden oluşur. Başlık eklemekten bağlantı oluşturmaya, görsel göstermeden form hazırlamaya kadar sayfa üzerindeki tüm içerikler bu etiketler sayesinde oluşturulur. Özellikle web geliştirmeye yeni başlayanların önce en temel HTML etiketlerini öğrenmesi gerekir. Aşağıda en sık kullanılan html kodları ve kullanım amaçlarını örnekleriyle birlikte bulabilirsiniz.
html Etiketi
HTML nedir konusunun temellerinden biri html etiketidir. etiketi, bir HTML belgesinin başlangıcını ve bitişini belirtir. Tarayıcı, bu etiket sayesinde dosyanın HTML formatında olduğunu anlar. Sayfadaki tüm içerikler etiketi içerisinde yer almalıdır. Ayrıca lang özelliği kullanılarak sayfanın dili belirtilebilir ve bu durum hem erişilebilirlik hem de SEO açısından önemlidir.
<!DOCTYPE html>
<html lang="tr">
<head>
</head>
<body>
</body>
</html>
head Etiketi
etiketi, kullanıcıların doğrudan görmediği ancak tarayıcılar ve arama motorları için oldukça önemli bilgileri içerir. Sayfa başlığı, meta açıklaması, karakter kodlaması, CSS dosyaları ve JavaScript bağlantıları bu bölümde tanımlanır. SEO açısından title ve meta etiketlerinin doğru kullanılması büyük önem taşır.
<head>
<meta charset="UTF-8">
<meta name="description" content="HTML öğrenme rehberi">
<title>HTML Nedir?</title>
</head>
<body> Etiketi
Web sitesinde ziyaretçinin gördüğü tüm içerikler etiketi içerisinde bulunur. Başlıklar, paragraflar, resimler, videolar, tablolar ve formlar bu alanda oluşturulur. Kısacası web sayfasının görünen yüzü etiketi içerisinde hazırlanır.
<body>
<h1>Merhaba Dünya</h1>
<p>İlk HTML sayfam.</p>
</body>
Başlık Etiketleri ( h1-h6)
Başlık etiketleri içerik hiyerarşisini oluşturur. <h1> en önemli ana başlığı, <h6> ise en düşük seviyedeki alt başlığı temsil eder. SEO açısından her sayfada yalnızca bir adet <h1> etiketi kullanılması önerilir. Alt konular ise <h2>, <h3> ve devamındaki başlıklarla düzenlenmelidir.
<h1>HTML Nedir?</h1>
<h2>HTML Etiketleri</h2>
<h3>En Çok Kullanılan HTML Etiketleri</h3>
HTML
Nedir?
HTML
Etiketleri
En Çok Kullanılan HTML Etiketleri
Paragraf Etiketi
etiketi metin oluşturmak için kullanılır. Blog yazıları, açıklamalar ve içerik metinleri genellikle bu etiket içerisinde yazılır. Tarayıcı paragraf etiketlerinin öncesinde ve sonrasında otomatik olarak boşluk bırakır.
HTML web sayfalarının temel yapısını oluşturan işaretleme dilidir.
Satır Atlama Etiketi
etiketi yeni bir satıra geçmek için kullanılır. Kapanış etiketi gerektirmez ve özellikle adres, şiir veya kısa metinlerde satır sonu oluşturmak amacıyla tercih edilir.
Merhaba
HTML Dünyası
Bağlantı Etiketi
etiketi farklı sayfalara veya web sitelerine bağlantı vermek için kullanılır. En önemli özelliği href parametresidir. İstenirse bağlantı yeni sekmede de açılabilir.
Web Sitemizi Ziyaret Edin
Yeni sekmede açmak için:
Siteyi Aç
![]()
Görsel Etiketi
Web sayfalarına resim eklemek için
ve Etiketleri
Her iki etiket de metni kalın gösterir. Ancak etiketi, içeriğin önemli olduğunu arama motorlarına ve yardımcı teknolojilere bildirirken, etiketi yalnızca görsel olarak kalın yazı oluşturur.
Önemli Bilgi
Kalın Yazı
ve Etiketleri
Metni italik göstermek için kullanılır. etiketi vurgu anlamı taşırken, etiketi yalnızca biçimlendirme amacıyla kullanılır.
Bu metin
vurgulanmıştır.
İtalik
yazı örneği
Liste Etiketleri (
- ,
- ,
- )
HTML'de listeler iki farklı şekilde oluşturulur. sırasız liste, ise numaralı liste oluşturur. Liste içerisindeki her öğe
etiketiyle yazılır.
Sırasız Liste
- HTML
- CSS
- JavaScript
Numaralı Liste
- HTML Öğren
- CSS Öğren
- JavaScript Öğren
etiketi sayfayı mantıksal bölümlere ayırmak için kullanılan en yaygın HTML etiketlerinden biridir. Özellikle CSS ile tasarım yapılırken ve JavaScript ile belirli alanlara işlem uygulanırken sıkça kullanılır.
Başlık
İçerik
alanı
Etiketi
etiketi satır içindeki belirli metinleri biçimlendirmek amacıyla kullanılır. Tek başına görünümü değiştirmez; genellikle CSS ile birlikte kullanılır.
Bugün HTML öğreniyoruz.
Tıklanabilir buton oluşturmak için kullanılır. Formlarda veya JavaScript işlemlerinde sıkça tercih edilir.
Gönder
Kullanıcıdan veri almak için form oluşturulurken bu etiketler birlikte kullanılır. Giriş alanları, kayıt formları, iletişim sayfaları ve üyelik ekranları bu yapı sayesinde hazırlanır.
Etiketi
Verileri satır ve sütun halinde göstermek için tablo etiketi kullanılır. Karşılaştırma tabloları ve teknik veriler sunulurken oldukça faydalıdır.
Ad
Yaş
Ahmet
28
Sayfanın alt bilgi bölümünü oluşturur. Genellikle telif hakkı bilgileri, iletişim bilgileri, sosyal medya bağlantıları ve ek navigasyon bağlantıları bu etiket içerisinde yer alır.
©
2026 ASMCloud
Bu html kodları, web geliştirmenin temelini oluşturur ve neredeyse tüm internet sitelerinde kullanılır. Öncelikle bu etiketlerin görevlerini öğrenmek, daha sonra CSS ile tasarım ve JavaScript ile etkileşim eklemek web geliştirme sürecini çok daha kolay hale getirir. Ayrıca semantik HTML etiketlerini doğru kullanmak, hem kullanıcı deneyimini hem de SEO performansını olumlu yönde etkiler.
HTML Temel Kodlar Nelerdir?
Yeni başlayanların ilk öğrendiği html temel kodlar sayesinde bir web sayfası sıfırdan oluşturulabilir. Bu yapı, tüm HTML belgelerinde ortak olarak bulunur.
Aşağıdaki yapı hemen hemen her HTML dosyasında yer alır:
- belge türünü belirtir.
- tüm sayfayı kapsar.
- sayfa hakkında bilgiler içerir.