“`html
` etiketi ile sona erer. Belgenin başlık bilgileri `
` etiketi içinde yer alırken, sayfanın görünür içeriği `` etiketi içinde tanımlanır. Örneğin:“`html
HTML ile web sayfası oluşturma örneği.
HTML Nedir?
HTML (HyperText Markup Language), web sayfalarının yapısını oluşturmak için kullanılan bir işaretleme dilidir. HTML, metin, resim, video gibi içeriklerin web sayfalarında nasıl görüntüleneceğini belirler. Bu dil, tarayıcıların içeriği doğru bir şekilde yorumlamasını sağlamak için gerekli olan etiketleri içerir.
HTML Etiketleri
HTML’de içerik, etiketler (tags) kullanılarak tanımlanır. Her etiket genellikle bir açılış ve kapanış etiketine sahiptir. Örneğin, bir paragrafa başlamak için <p>
etiketi kullanılır ve bitirmek için </p>
etiketi kullanılır. Bu etiketler, içeriğin biçimlendirilmesine ve yapılandırılmasına yardımcı olur.
HTML’in Temel Yapısı
Bir HTML belgesi, belirli bir yapı içerisinde oluşturulmalıdır. Bu yapı genellikle <html>
, <head>
ve <body>
etiketlerini içerir. <head>
kısmı, sayfanın başlık, stil ve meta bilgilerini barındırırken, <body>
kısmı ise sayfanın görünen içeriğini tutar.
HTML ile Görsel İçerik
HTML, sadece metin içeriği değil, aynı zamanda görsel içerik de eklemeye olanak tanır. Resimler <img>
etiketi ile eklenir ve videolar <video>
etiketi ile yerleştirilir. Bu sayede kullanıcı deneyimi zenginleştirilir ve etkileşim arttırılır.
HTML ve CSS
HTML, web sayfalarının yapısını oluştururken, CSS (Cascading Style Sheets) ise bu yapının stilini belirler. CSS ile yazı tipleri, renkler, arka planlar ve düzen gibi görsel unsurlar ayarlanabilir. Bu iki teknolojinin birlikte kullanılması, modern web tasarımının temelini oluşturur.
HTML ve JavaScript
HTML, dinamik içerik oluşturmak için JavaScript ile de entegre edilebilir. JavaScript, kullanıcı etkileşimlerine yanıt veren ve sayfa içeriğini dinamik olarak değiştiren bir programlama dilidir. Bu entegrasyon, web sayfalarının daha etkileşimli ve kullanıcı dostu olmasını sağlar.
HTML5’in Yenilikleri
HTML5, HTML dilinin en son sürümüdür ve birçok yeni özellik ve etiket içerir. Özellikle ses ve video oynatımı, yerel depolama ve daha iyi grafik desteği gibi özelliklerle birlikte gelir. HTML5, web uygulamalarının daha güçlü ve işlevsel olmasına olanak tanır.
Etiket | Açıklama |
---|---|
<html> | HTML belgesinin başlangıcını belirtir. |
<head> | Sayfanın meta bilgilerini, başlık ve stil bilgilerini içerir. |
<body> | Sayfanın görünen içeriğini barındırır. |
<p> | Yeni bir paragraf başlatır. |
<img> | Resim eklemek için kullanılır. |
<a> | Bağlantı (link) oluşturmak için kullanılır. |
HTML Versiyonu | Özellikler |
---|---|
HTML4 | Temel işaretleme ve stil özellikleri içerir. |
HTML5 | Semantik etiketler, yerel depolama, video ve ses desteği sunar. |