Basit Profil Kartı

Coddy'nin HTML Journey'sinin Temeller bölümünün bir parçası. Ders 57 / 60.

Görev

Kolay

Yalnızca HTML kullanarak basit bir profil kartını yeniden oluştur. Kart; bir başlık, bir görsel ve kısa bir paragraf içermeli ve tümü düzenli bir şekilde yerleştirilmelidir.

Yapıyı ve metni aşağıdaki görselle eşleştir:

Görsel için aşağıdaki URL'yi kullan - https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar8.png

Kendin dene

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 Etiketleri HTML'de Yorumlar

4Tarif Kartı

Projeye Genel Bakış Tarif Başlığı ve Açıklaması

Malzemeler

Adımlar

7Kişisel Profil Sayfası

Projeye Genel Bakış Header Bölümü

Profil Resmi

Hakkımda Bölümü

Sosyal Bağlantılar

10Tablolar

Tablo Temelleri Başlık Ekleme Satır ve Sütun Birleştirme Özet - Tablolar

2Metin ve Biçimlendirme

Başlıklar Paragraflar Satır Sonları Kalın ve İtalik Metin Yeniden Kalın ve İtalik Özet - Biçimlendirme

5İçerik Ekleme

HTML Öznitelikleri Bağlantılar Yeni Sayfa Bağlantıları Görseller Görsel Öznitelikleri

8Formlar ve Inputlar Bölüm 1

Form Temelleri Metin Inputları Input Öznitelikleri Şifre Alanı Inputlar için Etiketler Özet - Temel Form

11Etkinlik Kayıt Sayfası

Projeye Genel Bakış Header Bölümü

Etkinlik Detayları Bölümü

Kayıt Formu

Footer Bölümü

3Listelerle Çalışma

Sırasız Liste Sıralı Liste İç İçe Listeler Özet - Listeler

6Sayfa Düzeni

Bölümler Satır İçi Span'ler Semantik Etiketler Section ve Article Etiketleri Özet - Düzen

9Formlar ve Girdiler Bölüm 2

Radyo Düğmeleri Onay Kutuları Açılır Menüler Butonlar Formlardaki Butonlar Özet - Formlar #1 Özet - Formlar #2

12Final Meydan Okumaları

Basit Profil KartıEtkinlik Davetiye Kartı Basit Makale Sayfası Favori Kitaplar Listesi

Kendi başına pratik yap: Web playground