Menu
CoddyTech
Öğrenmeye başla

Profil Resmi

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

challenge icon

Görev

Kolay

Pekâlâ, profil fotoğrafını ekleme zamanı! İstediğin herhangi bir görseli kullanabilirsin. Aşağıdaki örnekteki bağlantıyı kullanabilirsin.

  1. İlk <div> öğesinden (başlık bölümünden) sonra başka bir <div> oluştur. İçine bir <img> etiketi ekle.
  2. src değerini görselinin bağlantısı olacak şekilde ayarla ve boyutunu kontrol etmek için width ile height özniteliklerini kullan.

Ö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>

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

Kendi başına pratik yap: Web playground