HTML ile Temel Web Sayfası Oluşturma

Web Programcılığı alanında yaptığım stajın ilk haftasında HTML ile tanıştım. Eğitmenimle birlikte basit ama işlevsel bir web sayfası oluşturarak, web’in temeli olan HTML yapısını detaylı şekilde öğrendim.

HTML Nedir?

HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan işaretleme dilidir. Görüntülediğimiz tüm web sayfaları, temel olarak HTML etiketleriyle yapılandırılır. Sayfanın başlığı, içerikleri, görselleri, bağlantıları bu etiketler sayesinde yerleştirilir.

İlk HTML Sayfam

Stajın ilk günü şu örnekle başladım:


<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="UTF-8">
    <title>Benim İlk Web Sayfam</title>
  </head>
  <body>
    <h1>Merhaba Dünya!</h1>
    <p>Bugün stajımın ilk günü ve HTML öğreniyorum.</p>
  </body>
</html>

Bu yapıyı yazdığımda tarayıcıda çalıştırdım ve sayfamda “Merhaba Dünya!” yazısını gördüm. Bu basit ama heyecan verici bir başlangıçtı.

Kullandığım Temel HTML Etiketleri

<h1> - <h6>: Başlık etiketleri
<p>: Paragraf
<a href>: Bağlantı
<img src>: Görsel ekleme
<ul>, <li>: Listeleme
<div>, <span>: Bölümleme

Görsel ve Link Ekleme

Bir sonraki adımda HTML ile sayfama görsel ve bağlantı eklemeyi öğrendim:


<img src="profil.jpg" alt="Profil Fotoğrafım" width="200">
<a href="https://www.google.com">Google'a Git</a>

Görselin sayfa içinde nasıl boyutlandırıldığını ve linklerin nasıl çalıştığını gözlemledim.

Sayfa İskeleti Oluşturmak

Bir web sayfası oluştururken <head> ve <body> etiketlerinin önemini öğrendim. Head kısmında sayfa hakkında meta bilgiler ve stil dosyaları yer alırken, body kısmı kullanıcının gördüğü içerikleri barındırıyor.

Stajda Öğrendiğim Detaylar

HTML dosyalarının .html uzantısıyla kaydedilmesi gerektiğini
Tarayıcıda sayfayı yeniledikçe yapılan değişikliklerin anında gözlemlenebileceğini
HTML'nin tamamen yapısal bir dil olduğunu, tasarım için CSS’e ihtiyaç duyduğumuzu

Karşılaştığım Sorunlar

Başta Türkçe karakterlerin bozulduğunu fark ettim. Eğitmenim bunun meta charset ayarından kaynaklandığını söyledi ve <meta charset="UTF-8"> etiketiyle bu sorunu çözdük.

Genel Değerlendirme

Stajın bu ilk haftasında, web dünyasının temel taşı olan HTML’yi öğrenerek güçlü bir başlangıç yaptım. Etiket yapıları, sayfa düzeni ve tarayıcıların çalışma mantığı konusunda kendimi geliştirdim. Artık sıfırdan basit bir web sayfası oluşturabiliyorum.