Linki do mediów społecznościowych
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 34 z 60.
Wyzwanie
ŁatwyPodzielmy się Twoimi profilami w mediach społecznościowych — ludzie będą chcieli się z Tobą skontaktować!
- Po sekcji 'About Me' dodaj kolejny element
<div>. - Wewnątrz utwórz nagłówek za pomocą tagu
<h2>z tekstem 'Connect with Me'. - Dodaj klikalne linki do swoich profili w mediach społecznościowych za pomocą tagów
<a>. Pamiętaj, aby linki otwierały się w nowej karcie — dodajtarget="_blank"
Na przykład:
Spróbuj swoich sił
<!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>Wszystkie lekcje w sekcji Podstawy
1Podstawy HTML
Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML7Strona profilu osobistego
Omówienie projektuSekcja nagłówka
Zdjęcie profiloweSekcja „O mnie”Linki do mediów społecznościowych2Tekst i formatowanie
NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie8Formularze i pola wejściowe, część 1
Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz11Strona rejestracji na wydarzenie
Przegląd projektuSekcja nagłówkaSekcja szczegółów wydarzeniaFormularz rejestracyjnySekcja stopkiPoćwicz samodzielnie: Edytor online Web