İlk HTML Sayfam

İlk Web sayfamızı oluşturmak için

  • Aşağıdaki kodları kopyalayıp bir yazı editörüne(notepad, word, sublimetext vb.) yapıştırın.
  • Dosyayı html uzantılı olarak kaydedin.
  • Dosyayı tarayıcı programı(internet expoler, mozilla, safari vb.) ile açın.

Aşağıdaki etiket yapısı incelendiğinde görüldüğü gibi ilk açılan etiket en son kapatılmıştır.
Ayrıca etiketlerin okunurluğu anlaşılabilmesi için tab tuşu ile girinti yapılmıştır. Böylece en dıştaki ve en içteki etiketleri rahatça görüntülenir.
Hangi etiketlerin neleri kapsadığı rahatça anlaşılabilir.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>İlk Web Sayfam</title> </head> <body> <h1>İlk Web Sayfam</h1> <p>İlk Web Sayfama Hoşgeldiniz</p> </body> </html>

Daha önceki konuda bahsettiğimiz gibi html etiketleri genel olarak kapatılır.
Bazı durumlarda bu etiketleri kapatmadığımızda dahi düzgün olarak tarayıcıda(internet expoler, mozilla, safari vb.) görüntülenebilir ancak nasıl olsa düzgün görünüyor düşüncesi ile hareket edilmemelidir.
Özellikle tarayıcıdan tarayıcıya görünümü çok farklı olabilir. Bu sebeple etiketleri kapatılması kuralına mutlaka uyulmalıdır.

Yukarıdaki etiketlerin açıklamasına geçecek olursak;
<head> : Sayfanın başlığı ve meta etiketi gibi etiketler head etiketlerinin arasına yazılır.
<meta charset="utf-8"> : Sayfamızda Türkçe karakterlerin düzgün görüntülenmesi için kullanılır. Ayrıntılı olarak ileride anlatılacaktır.
<title> : Sayfanın başlığı bu etiketler arasına yazılır.
<body> : Sayfanın içeriği bu etiketler arasına yazılır.
<h1> : Başlık oluşturmak için h etiketleri kullanılır. Ayrıntılı olarak ileride anlatılacaktır.
<p> : Paragraf oluşturmak için kullanılır.


Yorumlar


Beğendim :)

Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın