HTML Eğitimleri 2 – Sıfırdan Sitemizi Yapalım – HTML Temel Etiketler(Tags)

HTML eğitimlerimize devam ediyoruz.

HTML genel yapısı etiketlerle yönetilir. Her bir etiketin bir anlamı vardır ve tarayıcılar ne olduğunu, bizim hangi işlemi yaptığımızı bu tagler sayesinde anlar ve buna göre de sayfa yapısı oluşur.

Şimdi bir HTML sayfası açalım ve ilk sitemizi yazmaya başlayalım.

Bir önceki yazımda WebMatrix kurulumunu anlatmıştım. Bunun üzerinden devam ediyor olacağız.

WebMatrix’i çalıştıralım.

HTML Eğitimleri

Yeni bir proje açmak için aşağıdaki yolu takip edelim.

Yeni >> Boş Site

HTML Eğitimleri

Bu işlemi yaptığınızda sizi şöyle bir sayfa karşılayacak.

HTML Eğitimleri

Oluşan Klasöre Sağ Tıklayıp Yeniden Adlandır diyerek Projemize bir isim verelim. İstediğiniz ismi verebilirsiniz. Ben İlkSite ismini verdim.

Daha sonrasında yapmanız gereken işlem Klasör üzerine sağ tıklayıp Yeni Dosya Seçeneğine tıklamak.

Bu işlemden sonra gelen bölümde dosya seçimi yapacağız. Şu anda bir HTML kodlama yapacağımız için HTML türünü seçip ilk dosya ismimize index.html ismini verip tamam diyoruz.

HTML Eğitimleri

Neden Index.html?

Çünkü bir tarayıcıdan internet adresi girilip dosya istendiğinde ilk olarak bakacağı standart dosyalar vardır. Onlardan biride index.html dosyasıdır. Kullandığınız dile göre index.php, index.aspx, default.html gibi dosyalarda olabilir.

O yüzden ilk olarak bu dosyayı oluşturmamız gerekir.

Dosyamızı oluşturduğumuzda WebMatrix standart bir yapıda sizi karşılar.

HTML Eğitimleri

Gelin yazımı bitirmeden önce şöyle bir şey yapalım. Etiketleri anlatacağım bir sonraki yazımda ama buraya kadar geldik somut bir şeyler görelim.

<body>

</body>

Arasına adımızı soyadımızı yazalım. Daha sonrada çalıştır tuşuna basıp aldığımız sonuca bir bakalım.

HTML Eğitimleri

WebMatrix’de hangi sayfa üzerinde iken Çalıştır Butonuna tıklarsanız o sayfayı tarayıcıda açar. Çalıştır dediğimizde aşağıdaki gibi bir ekran göreceksiniz.

HTML Eğitimleri

Böylece ilk HTML kodumuzu yazmış ve tarayıcımızda çıktımızı görmüş olduk. Bir sonraki yazımda Temel HTML etikletlerini tanıyarak devam edeceğiz.

Yorumlarınızı eksik etmeyin.