1. HTML Dosyası Oluşturma:

• Herhangi bir metin düzenleyiciyi (Notepad, Sublime Text, VS Code vb.) açın.
• Dosyayı ".html" uzantısıyla kaydedin (örneğin, "index.html"). Bu dosya, web sitenizin ana sayfası olacaktır.

2. Temel HTML Yapısını Oluşturma:

• HTML dosyanızın içine aşağıdaki temel yapıyı ekleyin:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Web Sitenizin Başlığı</title>
</head>
<body>

</body>
</html>

• <!DOCTYPE html>: Belgenin HTML5 olduğunu belirtir.
• <html lang="tr">: HTML belgesinin Türkçe olduğunu belirtir.
• <head>: Web sitesinin başlığı, meta bilgileri gibi içerikleri barındırır.
• <title>: Web sitesinin tarayıcı sekmesinde görünen başlığını tanımlar.
• <body>: Web sitesinin içeriğinin görüntülendiği kısımdır.

3. İçerik Ekleme:

• <body> etiketleri arasına web sitenizin içeriğini ekleyebilirsiniz. İşte bazı temel HTML etiketleri:

  • <h1> - <h6>: Başlık etiketleri (h1 en büyük, h6 en küçük başlık)
  • <p>: Paragraf etiketi
  • <a>: Bağlantı etiketi (link oluşturmak için)
  • <img>: Resim etiketi
  • <ul>: Sırasız liste etiketi
  • <ol>: Sıralı liste etiketi
  • <li>: Liste öğesi etiketi

Örnek:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>İlk Web Sitem</title>
</head>
<body>
    <h1>Merhaba Dünya!</h1>
    <p>Bu benim ilk web sitem.</p>
    <a href="https://www.example.com">Örnek Bağlantı</a>
</body>
</html>

4. HTML Dosyasını Görüntüleme:

• HTML dosyanızı bir web tarayıcısında (Chrome, Firefox, Safari vb.) açın. Dosyayı tarayıcıya sürükleyip bırakabilir veya dosya yolunu tarayıcının adres çubuğuna yazabilirsiniz.

5. Diğer HTML Etiketlerini ve Özelliklerini Öğrenme:

• HTML, çok sayıda etiket ve özelliğe sahiptir. Bunları öğrenerek daha karmaşık ve işlevsel web siteleri oluşturabilirsiniz. W3Schools gibi kaynaklardan HTML hakkında daha fazla bilgi edinebilirsiniz: https://www.w3schools.com/html/html_tables.asp

İpuçları:

• HTML kodunuzu düzenli ve okunabilir tutmaya özen gösterin.
• Etiketleri doğru bir şekilde kapatın.
• Anlamlı etiketler kullanın (örneğin, başlıklar için <h1> - <h6> etiketlerini kullanın).
• Web sitenizin tasarımını güzelleştirmek için CSS (Cascading Style Sheets) kullanabilirsiniz.

Bu temel adımları izleyerek basit bir HTML web sitesi oluşturabilirsiniz. HTML'i öğrenmeye devam ederek daha gelişmiş web siteleri oluşturabilirsiniz.

İşlemlerimizi adım adım anlatacağım.

İlk olarak Google sayfasını açıp, arama kutusuna google maps yazıyoruz. İlk sırada çıkan Google Maps sayfasına tıklıyoruz.

Bu arama kutusuna istediğiniz google map adresini (konumunu) yazın.

Örnek olması için konum olarak Denizli Belediyesi yazıyorum. Daha sonra Paylaş linkine tıklıyoruz.

Açılan ekranda Harita yerleştirme sekmesine tıklıyoruz.

Açılan ekranda Html sayfamıza ekleyeceğimiz iframe kodu bulunuyor. Yanındaki HTML’Yİ KOPYALA linkine tıklayarak kodu kopyalıyoruz.

Kopyaladığımız kodu Html sayfamıza yapıştırıyoruz.  Siz sitenizde nereye google map eklemek istiyorsanız iframe kodunu oraya yapıştırırsınız.

Örnek olması için boş bir Html sayfası oluşturdum.