Menu
Coddy logo textTech
ÖĞRENMEYE BAŞLA
flag Tr iconTürkçedown icon

Profil Resmi

Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 32 / 60.

challenge icon

Görev

Kolay

Pekala, profil resmini ekleme zamanı geldi! İstediğiniz herhangi bir resmi kullanabilirsiniz. Aşağıdaki örnekteki bağlantıyı kullanmaktan çekinmeyin.

  1. İlk div'den (başlık bölümü) sonra başka bir <div> oluşturun. İçine bir <img> etiketi ekleyin.
  2. src özniteliğini resminize bağlanacak şekilde ayarlayın ve boyutunu kontrol etmek için width ve height özniteliklerini kullanın.

Örneğin:

  • src - https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png
  • width - 200
  • height - 200"

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
    </body>
</html>

Fundamentals 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 Yorumlar

4Tarif Kartı

Projeye Genel BakışTarif Başlığı ve AçıklamasıProje dersiMalzemelerProje dersiAdımlarProje dersi

7Kişisel Profil Sayfası

Projeye Genel BakışHeader BölümüProje dersiProfil ResmiProje dersiHakkımda BölümüProje dersiSosyal BağlantılarProje dersi

10Tablolar

Tablo TemelleriBaşlık EklemeSatır ve Sütun BirleştirmeÖzet - Tablolar

2Metin ve Biçimlendirme

BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme

5İçerik Ekleme

HTML ÖznitelikleriBağlantılarYeni Sayfa BağlantılarıGörsellerGörsel Öznitelikleri

8Formlar ve Inputlar Bölüm 1

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

11Etkinlik Kayıt Sayfası

Projeye Genel BakışHeader BölümüProje dersiEtkinlik Detayları BölümüProje dersiKayıt FormuProje dersiFooter BölümüProje dersi

3Listelerle Çalışma

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

6Sayfa Düzeni

BölümlerSatır İçi Span'lerSemantik EtiketlerSection ve Article EtiketleriÖzet - Düzen

9Formlar ve Girdiler Bölüm 2

Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #2

12Final Meydan Okumaları

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