Prosta karta profilowa
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 57 z 60.
Wyzwanie
ŁatwyOdtwórz prostą kartę profilu, używając wyłącznie HTML. Karta powinna zawierać tytuł, obraz i krótki akapit, wszystkie starannie rozmieszczone.
Odwzoruj strukturę i tekst z poniższego obrazu:
Użyj następującego adresu URL obrazu: https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar8.png
Spróbuj swoich sił
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 stopki6Układ strony
Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ9Formularze i pola wejściowe, część 2
Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 212Końcowe wyzwania
Prosta karta profilowaKarta zaproszenia na wydarzenieProsta strona artykułuLista ulubionych książekPoćwicz samodzielnie: Edytor online Web