1. Anasayfa
  2. Blog

İlk Web Sayfasını Oluşturma Rehberi

İlk Web Sayfasını Oluşturma Rehberi
0

İlk Web Sayfasını Oluşturma Rehberi

Adım 1: HTML Dosyası Oluşturma

  1. Bir metin editörü (Not Defteri, Sublime Text, VS Code gibi) açın.
  2. 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

  1. 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

  1. <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)

  1. <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)

  1. 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.

Bültene Katılın

Hemen ücretsiz üye olun ve yeni güncellemelerden haberdar olan ilk kişi olun.

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir