deryaxacar / HTML-CSS-Exercises

This repository offers HTML and CSS exercises that teach specific topics, reinforce basics, and provide practice for advanced techniques.

HTML-CSS Exercises 📝

Bu repo, HTML ve CSS konularında çeşitli alıştırmalar içerir. Her bir dosya, belirli bir konuyu öğretmek ve bu konularda pratik yapmayı sağlamak amacıyla tasarlanmıştır. Amaç, temel HTML ve CSS bilgilerini pekiştirme vaynı zamanda bu konularda daha derinlemesine bilgi sahibi olmak ve ileri düzey teknikleri uygulamalı olarak öğrenmektir.

İçindekiler 📋

1. Genel Bilgiler
2. Kurulum
3. Alıştırmalar
   • HTML Alıştırmaları
   • CSS Alıştırmaları

Genel Bilgiler

Bu repo, HTML ve CSS konularında pratik yapmamı sağlayan çeşitli alıştırmaları içermektedir. Bu alıştırmalar, temel HTML yapılarını, CSS seçicilerini, Flexbox ve Grid gibi gelişmiş düzen tekniklerini ve daha fazlasını kapsamaktadır. 📚

Kurulum

Projeyi kendi bilgisayarınızda çalıştırmak için aşağıdaki adımları izleyin 🚀:

1. Bu repoyu bilgisayarınıza klonlayın:

   git clone https://github.com/deryaxacar/html-css-exercises.git

2. Klonladığınız dizine gidin:

   cd html-css-exercises/html-css exercises

3. Alıştırmaları tarayıcınızda açmak için herhangi bir HTML dosyasını açabilirsiniz. Örneğin:

   open HtmlExample.html

Alıştırmalar

HTML Alıştırmaları

• Audio.html: HTML5 ses öğelerini kullanma.
• Forms.html: HTML formları oluşturma ve kullanma.
• HtmlExample.html: Temel HTML yapılarını öğrenme.
• Link.html: HTML bağlantıları oluşturma ve kullanma.
• Lists.html: HTML listeleri (sıralı ve sırasız) oluşturma.
• Mark-Strong.html: HTML metin biçimlendirme etiketlerini kullanma.
• Paragraph-Header.html: Paragraf ve başlık etiketleri ile çalışma.
• Tables.html: HTML tabloları oluşturma ve kullanma.
• Video.html: HTML5 video öğelerini kullanma.
• İD-Class.html: ID ve class seçicilerini kullanma.
• İmage.html: HTML resim öğelerini kullanma.

CSS Alıştırmaları

• CssSelectors.html: CSS seçiciler ve kullanımları.
• CssTables.html: CSS ile tabloları biçimlendirme.
• CssTables2.html: CSS ile gelişmiş tablo biçimlendirme.
• CssTypes.html: Farklı CSS türleri ve kullanımları.
• Flexbox.html: Flexbox ile esnek düzenler oluşturma.
• Floats.html: CSS float özelliği ile düzen oluşturma.
• HoverButton.html: CSS ile hover efektleri oluşturma.
• Layout.html: CSS ile sayfa düzeni oluşturma.
• Margin.html: CSS margin (kenar boşluğu) özelliklerini kullanma.
• MediaQueries.html: CSS medya sorguları ile duyarlı tasarım oluşturma.
• Overflow.html: CSS overflow (taşma) özelliklerini kullanma.
• Padding.html: CSS padding (iç boşluk) özelliklerini kullanma.
• Positions.html: CSS pozisyonlama (position) özelliklerini kullanma.
• Pseudo-Class.html: CSS pseudo-class (sözde sınıf) kullanımı.
• background.html: CSS ile arka plan özelliklerini kullanma.
• border.html: CSS ile kenarlık (border) özelliklerini kullanma.
• em-rem.html: CSS ile em ve rem birimlerini kullanma.
• icons.html: CSS ile ikonları kullanma.
• İnline-Block.html: CSS inline ve block özelliklerini kullanma.
• İnlineBlock.html: CSS inline-block özelliği ile çalışma.

---

Bu repoda, HTML ve CSS ile yapmış olduğum pratikleri paylaşıyorum. Her türlü geri bildirim ve katkı memnuniyetle karşılanır!