Web geliştirmeye başlamak için ilk adım, HTML (HyperText Markup Language) başlangıç kodlarını öğrenmektir. HTML, web sayfalarını oluşturmak için kullanılan temel bir işaretleme dilidir. Bu yazıda, HTML başlangıç kodlarına dair temel bilgileri alacak ve basit bir web sayfası oluşturmanın adımlarını öğreneceksiniz.
HTML Nedir?
HTML, web sayfalarını oluşturmak için kullanılan bir işaretleme dilidir. HTML, metin, resimler, bağlantılar ve diğer içerikleri düzenlemenizi ve tarayıcılarda düzgün bir şekilde görüntülemenizi sağlar. HTML, belirli etiketler ve öznitelikler kullanılarak yapılandırılır.
HTML Başlangıç Kodları:
HTML belgesi oluşturmak için aşağıdaki başlangıç kodlarını kullanabilirsiniz:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>İlk Web Sayfam</title>
</head>
<body>
<!-- Sayfa İçeriği Buraya Gelecek -->
</body>
</html>
Yukarıdaki kodlar, bir HTML belgesinin temel yapısını oluşturur. Şimdi, bu başlangıç kodlarının her bir bölümünü inceleyelim:
<!DOCTYPE html>: HTML5 standardında bir belge olduğunu belirten deklarasyon.<html lang="tr">: HTML belgesinin başlangıcını ve dilini belirten etiket.<head>: Başlık, karakter seti ve mobil cihaz uyumluluğu gibi meta bilgileri içeren bölüm.<meta charset="UTF-8">: Karakter setini UTF-8 olarak belirten meta etiketi.<meta name="viewport" content="width=device-width, initial-scale=1.0">: Mobil cihaz uyumluluğunu sağlayan meta etiketi.<title>İlk Web Sayfam</title>: Web sayfasının başlığını belirten etiket.<body>: Sayfa içeriğinin bulunduğu bölüm.<!-- Sayfa İçeriği Buraya Gelecek -->: HTML içinde yorum eklemek için kullanılır. Gerçek bir içerik eklenene kadar geçici bir açıklama olarak kullanılabilir.
HTML Başlangıç Kodlarını Kullanma Adımları:
- Metin Düzenleyici Kullanın: HTML kodlarını yazmak için bir metin düzenleyici veya kod editörü kullanın. Notepad, Visual Studio Code veya Sublime Text gibi araçlar tercih edilebilir.
- Başlangıç Kodlarını Ekleyin: Yukarıdaki başlangıç kodlarını belgenizin başına ekleyin.
- Sayfa İçeriğini Ekleyin:
<body>etiketi içerisine sayfanızın gerçek içeriğini ekleyin. - Dosyayı Kaydedin: HTML dosyanızı uygun bir isimle ve
.htmluzantısıyla kaydedin. Örneğin,index.html. - Tarayıcıda Açın: HTML dosyanızı bir web tarayıcısında açarak sayfanızı görüntüleyebilirsiniz.
HTML Başlangıç Kodlarıyla Örnek Bir Sayfa:
Aşağıda, basit bir “Merhaba, Dünya!” başlıklı bir HTML sayfasının tamamlanmış hali bulunmaktadır:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Merhaba, Dünya!</title>
</head>
<body>
<h1>Merhaba, Dünya!</h1>
<p>Bu, ilk HTML web sayfamızın içeriğidir.</p>
</body>
</html>
Bu örnek sayfa, HTML başlangıç kodlarını kullanarak bir web sayfasının temel yapısını oluşturmanın basit bir örneğidir. Başlangıç seviyesindeki bir geliştirici olarak, bu kodları kullanarak kendi web sayfalarınızı oluşturabilir ve daha karmaşık konulara adım atabilirsiniz. İyi kodlamalar!
