İlk Web Sayfasını Oluşturma Rehberi
Adım 1: HTML Dosyası Oluşturma
- Bir metin editörü (Not Defteri, Sublime Text, VS Code gibi) açın.
- Yeni bir dosya oluşturun ve bu dosyaya “.html” uzantısı verin (örneğin, “index.html”).
Adım 2: HTML Temel Yapısını Oluşturma
- HTML dosyanızın içine aşağıdaki kodu yazın:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>İlk Web Sayfam</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>: HTML5 belgesi olduğunu belirtir.<html lang="tr">: Sayfanın Türkçe dilinde olduğunu belirtir.<meta charset="UTF-8">: Sayfanın karakter kodlamasını UTF-8 olarak belirtir.<title>İlk Web Sayfam</title>: Tarayıcı sekmesinde görünecek sayfa başlığını belirtir.
Adım 3: Başlık ve Paragraf Eklemek
<body>etiketleri içine aşağıdaki kodu ekleyerek başlık ve paragraf ekleyin:
<h1>Merhaba, Dünya!</h1>
<p>Burada benim ilk web sayfamın içeriği bulunacak.</p>
<h1>: En önemli başlık etiketi.<p>: Paragraf oluşturmak için kullanılır.
Adım 4: Stil Ekleme (CSS)
<head>etiketleri içine aşağıdaki kodu ekleyerek temel bir stil belirleyin:
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 20px;
padding: 20px;
text-align: center;
}
h1 {
color: #333;
}
</style>
body: Sayfanın genel görünümünü belirtir.h1: Başlık etiketinin rengini belirtir.
Adım 5: JavaScript ile Etkileşim Ekleme (Opsiyonel)
- Sayfanıza basit bir JavaScript etkinliği ekleyebilirsiniz. Örneğin, bir butona tıklama sonrasında bir metin değişikliği yapabilirsiniz.
Bu adımları takip ederek, ilk web sayfanızı oluşturabilir ve web geliştirme yolculuğunuza adım atabilirsiniz.
