Bağlantılar: Web'i Birbirine Bağlamak
Tıklanabilir bağlantılar oluşturmayı öğrenin
Bağlantılar: Web'i Birbirine Bağlamak, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML for Kids öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML for Kids kursu toplamda 4 dersten oluşur.
Bağlantılar: Web'i Birbirine Bağlama
Sonraki derse hoş geldiniz! Bugün HTML'de nasıl bağlantı oluşturacağınızı öğreneceğiz. Bağlantılar, farklı web sayfalarını birbirine bağlar ve kullanıcıların internette kolayca gezinmesini sağlar.
Bağlantılar Nedir?
Bağlantılar, bir web sayfasında tıklanabilen ve sizi başka bir sayfaya, belirli bir bölüme veya bir dosyaya götüren öğelerdir.
Bağlantılar, “çapa” anlamına gelen <a> etiketi kullanılarak oluşturulur.
Basit bir bağlantı oluşturalım!
Temel Bağlantı Oluşturma
Bağlantı oluşturmak için href özniteliğiyle birlikte <a> etiketini kullanın. href, bağlantının hedefini belirtir.
Örnek:
<a href="https://www.google.com">
Visit Google</a>
Bağlantıları Yeni Sekmede Açma
target="_blank" özniteliğini <a> etiketine ekleyerek bağlantının yeni bir sekmede açılmasını sağlayabilirsiniz.
Örnek:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Diğer Sayfalara Bağlantı Verme
Bağlantılar web sitenizdeki diğer sayfalara da yönlendirebilir. Tam web adresi yerine göreli bir URL (dosya adı) kullanın.
Örnek:
<a href="about.html">About Us</a>
Belirli Bölümlere Bağlantı Verme
ID kullanarak aynı sayfanın belirli bir bölümüne bağlantı verebilirsiniz. ID'yi bağlantı vermek istediğiniz öğeye ekleyin, ardından href özniteliğinde #id kullanın.
Örnek:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
E-posta Adreslerine Bağlantı Verme
href özniteliğinde mailto: kullanarak kullanıcının e-posta uygulamasını açan bir bağlantı oluşturabilirsiniz.
Örnek:
<a href="mailto:hello@example.com">
Send an Email</a>
Bağlantılara Araç İpuçları Ekleme
title özniteliğini kullanarak kullanıcı bağlantının üzerine geldiğinde görünen bir araç ipucu ekleyebilirsiniz.
Örnek:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Harika İş!
Tebrikler! Bağlantı oluşturmayı, bağlantıları yeni sekmelerde açmayı, belirli bölümlere ve hatta e-posta adreslerine bağlantı vermeyi öğrendiniz. Bağlantılar, her şeyi birbirine bağlayan web'in temel yapı taşlarıdır. Sonraki derste web sayfalarınıza nasıl görsel ekleyeceğinizi öğreneceğiz. Sayfalarınızı daha renkli hâle getirmeye hazır olun!
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 16
- Dersler
- 35
Sıkça Sorulan Sorular
“Bağlantılar: Web'i Birbirine Bağlamak” dersi ücretsiz mi?
Evet — “Bağlantılar: Web'i Birbirine Bağlamak” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML for Kids kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML for Kids kursu toplamda 4 dersten oluşur.
“Bağlantılar: Web'i Birbirine Bağlamak” dersinde ne öğreneceğim?
Tıklanabilir bağlantılar oluşturmayı öğrenin HTML for Kids ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
HTML for Kids öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te HTML for Kids, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“Bağlantılar: Web'i Birbirine Bağlamak” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu HTML for Kids dersinde kod yazıp çalıştırabilir miyim?
Evet. Her HTML for Kids dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Başlıklar ve Paragraflar
- Listeler: Sıralı ve Sırasız
- Bağlantılar: Web'i Birbirine Bağlamak
- Görseller: Sayfanıza Resim Ekleme