HTML Etiketleri
HTML'de herşey etiketlerinden oluşmaktadır. Örneğin butonlar, başlıklar, paragraflar, tablolar vb. herşey etiketlerden oluşmaktadır.
Sitemizde bir butonun nasıl oluşturulduğunu adım adım öğrenelim. Bir buton oluşturalım ve butonun içerisine tıkla yazalım.
Aşama 1: İlk önce etiketimizi açmamız lazım. Bunun için ilk önce sol ok (<) yazıyoruz.
<
Aşama 2: Sol ok (<) koyduktan sonra etiketimizin adını yazıyoruz.
<button
Aşama 3: Sağ ok (>) koyarak etiketimizi açmış oluyoruz. Böylece etiket açma işlemi tamamlanmış oldu.
<button>
Aşama 4: Etiketimizin içindeki yazıyı giriyoruz. Bu örneğimizde butonumuzun üzerinde yazacak yazıyı girmiş oluyoruz.
<button>Tıkla
Aşama 5: Etiketimizin sonlandığını tarayıcıya bildirmek için etiketimizi kapatmamız gerekiyor. Bunun için ilk önce sol ok (<) koyuyoruz.
<button>Tıkla<
Aşama 6: Ardından açılıştan farklı olarak slaş (/) ekliyoruz.
<button>Tıkla</
Aşama 7: Etiketimizin adını tekrardan giriyoruz.
<button>Tıkla</button
Aşama 8: Son olarak sağ ok (>) koyarak etiketimizin kapatılma işlemini tamamlamış oluyoruz.
<button>Tıkla</button>
Not: Kodun kendisine girdi sonucuna ise çıktı denir. Kodumuzun sonucunu yani çıktıyı görmek için aşağıdaki örnekteki çalıştır yazısına tıklayınız.
<button>Tıkla</button>Şimdi de sitemizde bir paragrafın nasıl oluşturulduğunu adım adım öğrenelim. Bir paragraf oluşturalım ve paragrafımızın içerisine "HAKKOD" yazalım.
Aşama 1: İlk önce etiketimizi açmamız lazım. Bunun için ilk önce sol ok (<) yazıyoruz.
<
Aşama 2: Sol ok (<) koyduktan sonra etiketimizin adını yazıyoruz.
<p
Aşama 3: Sağ ok (>) koyarak etiketimizi açmış oluyoruz. Böylece etiket açma işlemi tamamlanmış oldu.
<p>
Aşama 4: Etiketimizin içindeki yazıyı giriyoruz. Bu örneğimizde paragrafımızın içinde yazacak yazıyı girmiş oluyoruz.
<p>HAKKOD
Aşama 5: Etiketimizin sonlandığını tarayıcıya bildirmek için etiketimizi kapatmamız gerekiyor. Bunun için ilk önce sol ok (<) koyuyoruz.
<p>HAKKOD<
Aşama 6: Ardından açılıştan farklı olarak slaş (/) ekliyoruz.
<p>HAKKOD</
Aşama 7: Etiketimizin adını tekrardan giriyoruz.
<p>HAKKOD</p
Aşama 8: Son olarak sağ ok (>) koyarak etiketimizin kapatılma işlemini tamamlamış oluyoruz.
<p>HAKKOD</p>
<p>HAKKOD</p>Tebrikler HTML'in en önemli konusu olan etiketlerin mantığını öğrenmiş oldunuz.