HTML Nedir?
HTML, web sayfaları oluşturmak için tasarlanmış bir bilgisayar dilidir.
HTML, web sayfaları oluşturmak için tasarlanmış bir bilgisayar dilidir. Bu web sayfaları internet üzerinden erişenler tarafından görüntülenebilir. Basitçe öğrenilebilecek olan temel bilgilerle, güzel web sayfaları oluşturabilirsiniz.
İnternetin yaygınlaşmasına ve ortaya çıkan yeni gereksinimlere yanıt vermek için HTML sürekli geliştirilmektedir. W3C dilin geliştirilmesinden sorumlu kuruluştur.
HTML sayfaları statiktir
HTML ile yapılan web sitelerinin statik olması içeriğindeki verilerin, yani yazı ve resimler gibi görüntülenen ögelerin değişken olmadığı anlamına gelir. İçeriğin statik olması CSS veya JS ile ileri düzey efektler uygulanmasına engel değildir.
Çıktı olarak HTML
Günümüzde web sitelerinden beklentilerin gelişmesi nedeniyle, yalnızca HTML ile kodlanan sitelerin sayısı oransal olarak azalmıştır.
Örneğin bir ürünün fiyatının veya özelliklerinin, firma yetkilisi tarafından güncellenebilir olması yaygın bir beklentidir. Kodlama bilgisi olmayan kişilerinde bunu yapabilmesi için PHP gibi bir dille yazılmış arayüzler gerekmektedir.
Ancak yinede, bir site PHP ile kodlansa dahi, çıktı olarak HTML’yi kullanır. Bu anlamda HTML temel olma özelliğini korumaktadır.
HTML’nin açılımı HyperText Markup Language’dir
HTML birkaç temel unsurdan oluşur;
İçerik (Text); Kullanıcının gördüğü yazılardır. Resim ve videolarıda burada tanımlayabiliriz.
Etiketler (Markup); İçeriğin nasıl görüntüleceği belirleyen ögelerdir.
Linkler; Diğer sayfalara veya sitelere bağlantılardır.
HTML Ögeleri
Etiketler (Tags) ve Niteliklerden (Attribute) oluşur. Etiketler genellikle “<…>” ifadesiyle açılır ve “</…>” ifadesiyle kapatılır. Bu ikisi arasındaki alan ögenin etkin olduğu sınırları belirler.
Örneğin, linklerde kullandığımız etiket; <a></a> şeklindedir.
Geliştirirsek; <a href=”deneme.html” title=”Deneme Sayfası başlığı”> Deneme sayfası linki</a>
<a> bir Html etiketidir. “href” ve “title” ise bu Html etiketinin niteliğidir.
Sayfa oluşturulurken tarayıcı <a> etiketini gördüğünde bunun bir link olduğu anlar. “href” niteliğini gördüğünde ise linke tıklandıktan sonra gösterilecek sayfayı, “title” niteliğinde ise linkin üstüne fare geldiğinde gösterilecek yazıyı keşfeder.
Böylelikle tarayıcı kodu yazanın istediği gibi bir içeriği oluşturmuş olur.
Dikkat edeceğiniz gibi etiketler ve nitelikleri tarayıcıda gösterilmez, ancak bunların işlevleri aktif edilir. Örneğimizde yalnızca “Deneme sayfası linki” yazısı görüntülenecektir. Ancak buna tıklandığında ”deneme.html” sayfası aktif olacak, fare ile yazının üzerine gelindiğinde ”Deneme Sayfası başlığı” yazısı görüntülenecektir.
HTML Yapısı;
Biraz açarsak;
<!DOCTYPE html> – Bu bildirim tarayıcıya, sayfanın HTML5 kullanılarak yorumlanması gerektiğini söyler.
<html> – HTML sayfasını işaretler. <html> başlangıç ve </html> bitiş alanını belirler
<head> – HTML sayfası hakkında bilgi sağlar. <head>…</head> alanında, sayfanın tamamını etkileyen CSS, JS dosyalarına linkler kullanılabilir.
<title> – HTML belgesinin tarayıcı başlığı.
<body> – HTML’nin tarayıcıda görüntülenen kısmıdır.
<h1> – Ana görünür başlık.
<p> – Bir paragraftır.
Dikkat edeceğiniz gibi HTML etiketleri iç içe yerleştirilir.
HTML sayfa nasıl oluşturuluyor?
<div>
<h1>Ana Başlık</h1>
<p>Yazılar</p>
</div>
Bu kodu tarayıcı yorumlarken sırasıyla;
1- <div></div> ile bir alan oluşturacak,
2- Bu “div”in içine <h1>Ana Başlık</h1> alanını yerleştirecek
3- Ardından yine “div”in içine ve “h1” alanının altına <p>Yazılar</p> alanını ekleyecektir.
KAYNAKLAR
Oluşturulma; | Güncelleme; 03 Mar 2023