Atölye › Kartvizitim › 1/12. adım

Kartvizitim: Başlık olarak adın

HTML ve CSS ile kendi kartvizit sayfanı yap: başlık, yuvarlak köşeli ve gölgeli bir kart, bağlantıların. Sayfa sen yazdıkça güncellenir.

Ne yapıyoruz

Kendi kartvizit sayfanı yapacağız: adın, ne yaptığın ve bağlantıların olan küçük, şık bir kart. Sağdaki Bitmiş hâlini gör düğmesine basarsan sonunda nasıl görüneceğini görebilirsin.

Web sayfaları HTML ile yazılır. HTML'de her parça etiketler arasına yazılır; etiket o parçanın ne olduğunu söyler: "bu bir başlık", "bu bir paragraf"... İlk iş: adını sayfanın ana başlığı yapmak.

Editördeki kodun büyük kısmı her sayfada olan hazır iskelet; sen yalnız <body> (sayfanın görünen gövdesi) içine yazacaksın.

```html
<h1>Ada Lovelace</h1>
```

Ne işe yarıyor

Sıra sende

  1. <body> ile </body> arasındaki boş satıra yaz: <h1> + kendi adın + </h1>.
  2. Yazdıkça sağdaki sayfa kendiliğinden güncellenir. Sonra Çalıştır'a bas.

Beceriler: HTML ile sayfa yapısı

Tüm adımlar

  1. Başlık olarak adın
  2. Kendin hakkında bir satır
  3. Bir kutuya koy
  4. İlk CSS
  5. Kutuyu karta benzet
  6. Kartı ortala
  7. Yumuşak bir gölge
  8. Adını renklendir
  9. Bağlantılarını ekle
  10. Bağlantılar yan yana
  11. Tepki veren bağlantılar
  12. Kendin yap: tepki veren kart