HTML Kodları ile Siteye Dosya Ekleme
Bir web sitesine dosya eklemek, kullanıcıların belgeler, resimler, videolar ve diğer dosya türlerini indirmelerine veya görüntülemesine olanak tanıyan önemli bir özelliktir. HTML kodları kullanılarak dosyalar kolayca bir web sayfasına eklenebilir.
Dosya Ekleme için HTML Kodları
Dosya eklemek için kullanılan temel HTML kodu <a> etiketleridir. Bu etiket, kullanıcıların tıklayabileceği bir bağlantı oluşturur ve bağlantı, belirtilen dosyaya yönlendirir.
html
<a href="dosya.pdf">Dosyayı İndir</a>
Yukarıdaki kod, “Dosyayı İndir” metnine sahip bir bağlantı oluşturur ve kullanıcılar bu bağlantıya tıkladığında “dosya.pdf” dosyası indirilir.
Dosya Türlerini Belirleme
Dosya türünü belirtmek için type özniteliği kullanılır. Bu, tarayıcının dosyayı nasıl işleyeceğini belirler. Örneğin, bir PDF dosyası için type özniteliği şu şekilde ayarlanır:
html
<a href="dosya.pdf" type="application/pdf">Dosyayı İndir</a>
Yaygın dosya türleri için type özniteliklerinin bir listesi aşağıda verilmiştir:
- PDF: application/pdf
- Word Belgesi: application/msword
- Excel Çalışma Sayfası: application/vnd.ms-excel
- PowerPoint Sunumu: application/vnd.ms-powerpoint
- Resim (JPEG): image/jpeg
- Resim (PNG): image/png
- Video (MP4): video/mp4
Dosyayı Sayfada Görüntüleme
Bazı dosya türleri, web sayfasında doğrudan görüntülenebilir. Örneğin, resimler <img> etiketi kullanılarak görüntülenebilir:
html
<img src="resim.jpg" alt="Resim Açıklaması">
Benzer şekilde, videolar <video> etiketi kullanılarak görüntülenebilir:
“`html
“`
Dosya Yükleme Formları
Kullanıcıların web sitesine dosya yüklemelerine izin vermek için dosya yükleme formları oluşturulabilir. Bu formlar, <form> ve <input> etiketlerini kullanır.
“`html
“`
Yukarıdaki kod, kullanıcıların bir dosya seçmelerine ve “Yükle” düğmesine tıklayarak sunucuya yüklemelerine olanak tanıyan bir dosya yükleme formu oluşturur.