HTML Dersleri

HTML: Web Sayfalarının Temel Yapı Taşı

eminbasbayan

eminbasbayan

3 dk okuma
HTML: Web Sayfalarının Temel Yapı Taşı
🔍 Büyütmek için tıklayın

HTML (HyperText Markup Language), bir web sayfasının temel yapı taşını oluşturan ve içeriğin yapısını belirleyen bir işaretleme dilidir. Web geliştirme dünyasında, HTML, bir web sayfasındaki her şeyin "ne" olduğunu tanımlamak için kullanılır. Örneğin, bu bir buton, bu bir form, bu bir bağlantı diyerek içeriklerin türünü belirtir. Ancak, HTML'in görevi sadece bu kadardır; içeriğin stilini (CSS) veya davranışını (JavaScript) yönetmez.

HTML Nedir ve Ne İşe Yarar?

HTML, aslında bir programlama dili değildir. Karmaşık mantıkların ve algoritmaların yazıldığı bir yapı sunmaz. Bunun yerine, HTML, içeriği işaretlemek, bir belgeyi anlamlandırmak ve bu bilgiyi tarayıcıya sunmak için kullanılan bir sözdizimidir.

"İşaretleme" terimi, bir belgenin önemli bölümlerine notlar eklemeyi ifade eder. Örneğin, bir öğretmenin bir şiiri kırmızı mürekkeple işaretlemesi, şiirin belirli bölümlerine dikkat çekmek için ek bilgiler eklemesi anlamına gelir. HTML de aynı prensiple çalışır: Bir belgenin yapısını işaretler, böylece tarayıcı bu yapıyı anlamlandırabilir ve doğru bir şekilde görüntüleyebilir.

HTML’in Tarihçesi ve Doğuşu

HTML, 1989 yılında, bilimsel araştırma makalelerinin yapısını tanımlamak ve bu makalelerin erken internet üzerinden paylaşılmasını kolaylaştırmak amacıyla geliştirildi. Bilimsel makaleler, belirli bir biçimlendirme ile sunulur: kalın yazılar, italik metinler, numaralı listeler, madde işaretli paragraflar ve bağlantılar. Bu biçimlendirmeyi ifade etmek ve paylaşmak için HTML geliştirildi.

Bu yaklaşım, günümüzde modern web sayfalarına da uygulanmaktadır. HTML, düz metni alır ve bu metni işaretleyerek tarayıcının metnin yapısını anlamasını sağlar.

HTML Öğeleri: Yapıyı Tanımlayan Temel Araçlar

TEXT?TEXT?

HTML, öğelerden oluşur. Bir öğe, açılış etiketi, içerik ve kapanış etiketi ile tanımlanır. Örneğin:

<i>Bu metin italik</i>

Bu örnekte <i> açılış etiketi, Bu metin italik içerik ve </i> kapanış etiketidir. Bu yapı, tarayıcıya bu metnin italik olarak görüntülenmesi gerektiğini bildirir. Benzer şekilde, kalın yazılar için <b> etiketi, paragraflar için <p> etiketi kullanılır.

TEXT?TEXT?

HTML öğeleri, genellikle birden fazla özelliği aynı anda tanımlamak için iç içe geçebilir. Örneğin, bir metin hem kalın hem italik hem de bir madde işareti içinde olabilir.

HTML, CSS ve JavaScript: Ayrılmaz Bir Üçlü

Web geliştirme, genellikle üç temel teknolojiye dayanır:

  • HTML: Yapıyı tanımlar.
  • CSS: Görünümü düzenler.
  • JavaScript: Davranışı yönetir.

Bu üçlü birlikte çalışarak modern, interaktif ve estetik web sayfalarının oluşturulmasını sağlar.

HTML ile Neler Yapabilirsiniz?

HTML, bir web sayfasında aşağıdaki görevleri yerine getirebilir:

  • Paragraflar oluşturma: Metinleri düzenli bir şekilde sunma.
  • Bağlantılar ekleme: Kullanıcıları başka sayfalara yönlendirme.
  • Resimler ve videolar yerleştirme: Multimedya içerikler ekleme.
  • Tablolar ve listeler oluşturma: Bilgileri organize bir şekilde sunma.
  • Başlıklar tanımlama: İçeriği bölümlere ayırarak hiyerarşi oluşturma.

Tüm bu özellikler, bir web sayfasının içeriğini kullanıcıya anlamlı ve düzenli bir şekilde sunmayı sağlar.

Sonuç

HTML, web geliştirme dünyasında temel bir rol oynar. Web sayfalarının yapısını tanımlar, tarayıcının bu yapıyı anlamasını sağlar ve kullanıcıya sunar. Ancak HTML, CSS ve JavaScript ile birlikte çalışarak tam anlamıyla işlevsel ve estetik bir web deneyimi sunar. Web geliştirmeye başlamak isteyen herkesin HTML'i öğrenerek temelini sağlamlaştırması gerekir. Çünkü HTML, her başarılı web sayfasının arkasındaki ilk adımdır.

Etiketler

#Eğitimler#HTML Dersleri

İlgili Yazılar

Bu konuyla ilgili diğer yazılarımızı da inceleyebilirsiniz

HTML'de Paragraf Etiketi (P Tag)
Genel

HTML'de Paragraf Etiketi (P Tag)

HTML, web sayfalarının temel yapı taşlarını oluşturan birçok öğeye sahiptir. Bu öğelerden biri de **paragraf etiketi** ya da yaygın bilinen adıyla **P tag**'dir. Paragraf etiketi, genellikle bir metin paragrafını ifade etmek için ku

3 dk
HTML Başlık Etiketleri (H1-H6)
Genel

HTML Başlık Etiketleri (H1-H6)

HTML'de başlık etiketleri, bir web sayfasının içeriğini hiyerarşik bir şekilde düzenlemek ve anlamlı bir yapı kazandırmak için kullanılır. Bu etiketler, **H1**'den **H6**'ya kadar sıralanır ve her biri farklı bir ö

3 dk
HTML İskeleti ve Boilerplate
Genel

HTML İskeleti ve Boilerplate

HTML belgeleri oluştururken, her sayfanın doğru ve geçerli bir yapı kullanması gereklidir. Şimdiye kadar yazılmış HTML kodları genellikle geçici olarak çalışsa da, **HTML iskeleti** olmadan bir belge teknik olarak geçersizdir. Bu yazıda, HTML'in

3 dk
HTML’de Listeler: Ordered List (OL) ve Unordered List (UL)
Genel

HTML’de Listeler: Ordered List (OL) ve Unordered List (UL)

HTML, web sayfalarındaki bilgileri düzenli ve anlaşılır bir şekilde sunmak için listeleme özellikleri sunar. **Ordered List (OL)** ve **Unordered List (UL)**, HTML’de kullanılan iki ana liste türüdür. Bu yazıda, bu liste türlerinin

3 dk
HTML Anchor (Bağlantı) Etiketi
Genel

HTML Anchor (Bağlantı) Etiketi

Web sayfalarının temel yapı taşlarından biri olan **anchor (a)** etiketi, bağlantı oluşturmak için kullanılır. Bu etiket, başka bir web sayfasına, bir e-posta adresine, bir dosyaya veya aynı sayfanın bir bölümüne bağlantı kurmanızı sağlar. Bu yazıda, anchor etike

3 dk
HTML'de Görseller: Image (img) Etiketi
Genel

HTML'de Görseller: Image (img) Etiketi

Web sayfalarında görseller, içerikleri daha ilgi çekici ve bilgilendirici hale getirir. HTML'de görselleri sayfaya eklemek için kullanılan temel yapı taşı **Image (img)** etiketidir. Bu yazıda, img etiketinin nasıl çalıştığını, özelliklerini ve

4 dk