HTML Nedir? Detaylı Anlatım - 2023
HTML Nedir konulu içeriğimizde sizlere temel olan bilgileri paylaşacağız.
HTML Nedir?
HTML (Hypertext Markup Language), web sayfalarının yapılandırılması ve içeriğinin tanımlanması için kullanılan bir işaretleme dilidir. İnternetin temel taşlarından biridir ve web tarayıcıları aracılığıyla kullanıcıların web sitelerini görüntülemesini sağlar.
İşte HTML hakkında daha detaylı bir açıklama:
1. Hypertext: HTML, metin, görüntü, bağlantılar ve diğer medya öğelerini birbiriyle ilişkilendiren bir hipertext yapısı sağlar. Yani, bir web sayfasındaki içerikler birbirleriyle bağlantılı olabilir ve kullanıcılar bu bağlantıları takip ederek farklı sayfalara geçebilirler.
2. Markup Language: HTML, metni ve medya öğelerini yapısallaştırmak ve düzenlemek için işaretleme (markup) yöntemlerini kullanır. Etiketler (tags) ile işaretlenen öğeler sayesinde içeriklerin nasıl görüntüleneceği ve düzenleneceği belirtilir.
3. Etiketler (Tags): HTML etiketleri açılış (<tag>) ve kapanış (</tag>) şeklinde çiftler halinde kullanılır. Açılış etiketi içeriği belirtirken, kapanış etiketi içeriğin bittiğini gösterir. Örneğin, `<h1>` başlık etiketi ve `</h1>` başlık kapanış etiketidir.
4. Öğeler (Elements): HTML etiketleri, içerikleriyle birleşerek "öğe"leri oluşturur. Örneğin, `<p>` etiketi bir paragrafı tanımlar ve içeriği arasına alır.
5. HTML Belgeleri (Documents): Web sayfaları, HTML belgeleri olarak adlandırılır ve `.html` uzantılı dosyalarda saklanır. HTML belgesi, sayfa içeriği, metin, bağlantılar, resimler, videolar ve diğer medya öğelerini içeren bir yapıdır.
6. Yapısal Öğeler: HTML belgesi, sayfanın yapısını ve organizasyonunu belirlemek için bazı temel yapılara sahiptir. Örneğin:`
- `<html>`: HTML belgesinin başlangıcını ve sonunu tanımlar.
- `<head>`: Başlık bilgilerinin (title, meta vb.) yer aldığı bölümdür.
- `<body>`: Sayfanın görsel içeriğini, metinleri, resimleri vb. içeren ana bölümdür.
7. Metin Biçimlendirme: HTML, metinleri düzenlemek ve biçimlendirmek için çeşitli etiketler sağlar. Başlık etiketleri (`<h1>`den `<h6>`'ya kadar), paragraf etiketi `<p>`, kalın veya italik yazı için `<strong>` ve `<em>` gibi etiketler kullanılır.
8. Bağlantılar: Kullanıcıları diğer web sayfalarına veya kaynaklara yönlendirmek için bağlantılar (`<a>` etiketi) kullanılır. `href` özelliği ile hedef sayfanın adresi belirtilir.
9. Resimler ve Medya: HTML, resimleri (`<img>` etiketi) ve diğer medya öğelerini (ses, video gibi) sayfalara eklemek için kullanılır.
HTML, sadece sayfa içeriğini tanımlar ve yapısını oluşturur. Görsel tasarım ve diğer interaktif özellikler için CSS (Cascading Style Sheets) ve JavaScript gibi teknolojilerle birlikte kullanılır. Bu üç bileşen (HTML, CSS, JavaScript), modern web sayfalarının temelini oluşturur ve birlikte güçlü ve etkileşimli kullanıcı deneyimleri sunar.
İlgini Çekebilir: