Yeni Başlayanlar için HTML

HTML istisnasız tüm internet sayfalarının kullanması gereken bir yazım dilidir. HTML, Hyper Text Markup Language teriminin kısaltılmış halidir. Herhangi bir internet sitesinin HTML dilindeki versiyonunu görmek için sağ tıklayıp “Sayfa Kaynağını Göster” bağlantısına veya benzeri ifade bulunan bir bağlantıya tıklayabilirsiniz.

Genel Özellikleri ile HTML

HTML dilinde herşey etiketler ile ifade edilir. Farklı sayfa elementleri için farklı etiketler vardır. Çoğunlukla açılan bir etiket kapatılmak zorundadır. HTML kodu ile yazılmış bir sayfa .html veya .htm uzantısına sahip bir dosyadır.

Temel HTML Etiketleri

HTML dilinde pek çok farklı etiket vardır ancak biz burda en önemli olanlara değinmeye çalışalım.

<html> Etiketi: Bu etiket HTML koduna başlarken konulur. Bir HTML sayfanda yer alan ilk etikettir. </html> etiketi ile kapatılmalıdır.

<head> Etiketi: Bu etiket bir sayfanın genel düzeni ile Javascript veya CSS gibi farklı tanımlayıcı kodlar için kullanılabilecek olan alanı belirler. </head> etiketi ile kapatılmalıdır.

<title> Etiketi: Bir internet sayfasını açtığınızda sayfanın başlığının tarayıcı tabının üst kısmında yazdığını görürüsünüz. İşte o başlıkta görülen yazılar <title> etiketi içerisinde belirtilir. </title> etiketi ile kapatılmalıdır.

<body> Etiketi: İnternet sayfasına görülen içerik bu etiket içinde yer alır. Paragraflar, resimler vb. <body> etiketi içerisindedir. </body> etiketi ile kapatılmalıdır.

<p> Etiketi: Bu etiket metin ve paragrafların içinde yer aldığı etikettir. </p> etiketi ile kapatılmaldır.

<img> Etiketi: Fotoğraf ve resim görselleri bu etiket içindedir. <img> etiketi </img> etiketi ile kapatılabilir ancak bu durum isteğe bağlıdır.

<a> Etiketi: Bu etiket link yani bağlantılar içindir. </a> etiketi ile kapatılmalıdır.

Örnek Bir HTML Sayfası

En temel özellikleriyle bir internet sayfasının HTML görünümüne aşağıdaki şekilde bir örnek verebiliriz. Aşağıdaki kodu herhangi bir metin dosyası açıp içine kopyalayın ve dosyayı .html uzantısı ile kaydedin. Dosyayı kapatıp tekrar açtığınızda internet sayfası görünümünü gözlemleyebilirsiniz.

 <html>
 <head>
 <title>Sayfanın Başlığı</title>
 </head>
 <body>
 <p>Sayfanın içeriği veya Hello World!</p>
 </body>
 </html>

Daha Detaylı HTML Bilgisi İçin

HTML konusunda daha detaylı bilgi sahibi olmak ve örnekler ile konuyu öğrenmek için w3schools.com sitesini ziyaret edebilirsiniz.

Yorum Yapın veya Soru Sorun

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


*