Sosyal Bağlantılar
Coddy'nin HTML Journey'sinin Temeller bölümünün bir parçası. Ders 34 / 60.
Görev
KolaySosyal medyanı paylaşalım: insanlar seninle bağlantı kurmak isteyecek!
- 'About Me' bölümünden sonra başka bir
<div>ekle. - İçinde, 'Connect with Me' yazan bir başlık oluşturmak için
<h2>etiketini kullan. <a>etiketlerini kullanarak sosyal medya profillerine tıklanabilir bağlantılar ekle.target="_blank"ekleyerek bağlantıların yeni bir sekmede açılmasını sağlamayı unutma.
Örneğin:
Kendin dene
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
<!-- Profile Picture -->
<div>
<img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
</div>
<!-- About Me Section -->
<div>
<h2>About Me</h2>
<p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
</div>
</body>
</html>Temeller bölümündeki tüm dersler
1HTML Temelleri
HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar7Kişisel Profil Sayfası
Projeye Genel BakışHeader Bölümü
Profil ResmiHakkımda BölümüSosyal Bağlantılar2Metin ve Biçimlendirme
BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme8Formlar ve Inputlar Bölüm 1
Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form11Etkinlik Kayıt Sayfası
Projeye Genel BakışHeader BölümüEtkinlik Detayları BölümüKayıt FormuFooter Bölümü9Formlar ve Girdiler Bölüm 2
Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #212Final Meydan Okumaları
Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar ListesiKendi başına pratik yap: Web playground