HTML (HyperText Markup Language), web sitelerinin temel yapı taşıdır. Bir web sitesi oluşturmak için HTML kullanmak, içeriği ve yapıyı tanımlamanızı sağlar. İşte temel adımlarla HTML site nasıl yapılır:
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:
HTML
<!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:
HTML
<!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.
Hiç yorum yok: