HTML İle Neler Yapılabilir?

HTML (Hypertext Markup Language), web sayfalarının yapısal olarak nasıl organize edileceğini tanımlayan bir işaretleme dilidir. HTML, bir web tarayıcısının içeriği anlamasını sağlayan etiketler kullanılarak yazılır. İşte HTML ile neler yapılabileceğine dair bazı temel örnekler:

1. Başlık ve Paragraf Oluşturma:

   <h1>Bu bir başlık</h1> <p>Bu bir paragraf metnidir.</p> 

   Canlı Dene Kopyala

2. Listeler:

   <ul> <li>Madde 1</li> <li>Madde 2</li> </ul> <ol> <li>Numaralı Madde 1</li> <li>Numaralı Madde 2</li> </ol> 

   Canlı Dene Kopyala

3. Resim Eklemek:

   <img src="resim-urlsi.jpg" alt="Resim açıklaması"> 

   Canlı Dene Kopyala

4. Bağlantılar:

   <a href="https://www.ornek.com">Örnek Bağlantı</a> 

   Canlı Dene Kopyala

5. Formlar:

   <form action="/form-sonuc" method="post"> <label for="kullaniciAdi">Kullanıcı Adı:</label> <input type="text" id="kullaniciAdi" name="kullaniciAdi"> <br> <label for="sifre">Şifre:</label> <input type="password" id="sifre" name="sifre"> <br> <input type="submit" value="Giriş Yap"> </form> 

   Canlı Dene Kopyala

6. Tablolar:

   <table> <tr> <th>Başlık 1</th> <th>Başlık 2</th> </tr> <tr> <td>Veri 1</td> <td>Veri 2</td> </tr> </table> 

   Canlı Dene Kopyala

7. Stil Eklemek:

   <style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: blue; } </style> 

   Canlı Dene Kopyala

8. Multimedya Elemanları:

   <audio controls> <source src="ses.mp3" type="audio/mp3"> Tarayıcınız audio elementini desteklemiyor. </audio> <video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> Tarayıcınız video elementini desteklemiyor. </video> 

   Canlı Dene Kopyala

Bu sadece temel HTML özelliklerine dair birkaç örnektir. CSS (Cascading Style Sheets) ve JavaScript ile birlikte kullanılarak daha karmaşık ve interaktif web sayfaları oluşturabilirsiniz. HTML, web geliştirme sürecinde sadece bir bileşenidir ve genellikle CSS ve JavaScript ile birlikte kullanılır.