HTML Nedir?

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ı;

html nedir 02

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

W3C HTML Attribute Reference

W3C HTML Element Reference

  • Web Site Fiyatları

    Web sitesi yaptırırken en önemli adım beklentilerinize uygun kodlamaya karar vermektir. Temelde...

  • Web Site Örnekleri

    Aşağıda web site tasarım ve/veya uygulama çalışma örneklerimizi bulabilirsiniz. Uygulaması yapılan web...

  • Web Site Tasarımı

    Profesyonel olarak hazırlanmış web siteleri hedef kitleye ulaşabilmenin en hızlı, en yaygın, en...