Generator HTML Image Code

Buat Elemen HTML <img> Secara Online

Generator HTML Image Code membuat elemen <img> dari sumber gambar, teks alternatif, dan dimensi opsional yang Anda masukkan. Pratinjau, keluaran HTML, dan keluaran C# diperbarui secara bersamaan sehingga Anda dapat memeriksa elemen gambar sebelum menyalinnya ke halaman web atau proyek .NET.

Buat Elemen HTML <img> dalam C#

Panel HTML Code berisi markup <img> yang telah diatur. Panel C# Code di bawahnya membuat elemen yang setara dengan Aspose.HTML for .NET .

Kode yang dihasilkan mengikuti langkah-langkah berikut:

1. Membuat HTMLDocument dan HTMLImageElement dengan Document.CreateElement() .
2. Menetapkan Src dan Alt, lalu menetapkan Width dan Height jika dimensi diberikan.
3. Menambahkan gambar ke badan dokumen dengan Node.AppendChild() .
4. Menyimpan dokumen yang selesai sebagai image.html dengan HTMLDocument.Save() .

Atur gambar terlebih dahulu, lalu salin kode C# terbaru ke proyek .NET Anda.

FAQ Generator HTML Image Code

1. Teks alternatif apa yang harus saya masukkan untuk gambar?

Deskripsikan isi atau fungsi gambar sesuai konteks halaman. Gunakan nilai alt kosong untuk gambar yang sepenuhnya dekoratif agar teknologi bantu dapat mengabaikannya. Jangan hanya menggunakan nama file atau mengulang teks di dekat gambar tanpa menambahkan makna.

2. Mengapa gambar tidak muncul dalam pratinjau?

Pastikan Source mengarah ke gambar yang ada dan dapat diminta oleh browser. Path relatif diselesaikan dari URL halaman saat ini. Server eksternal dapat memblokir permintaan, mewajibkan autentikasi, atau mencegah penautan langsung ke gambar.

3. Haruskah saya menetapkan Width dan Height?

Memberikan kedua dimensi intrinsik memungkinkan browser menyediakan ruang sebelum gambar dimuat dan dapat mengurangi pergeseran tata letak. Gunakan nilai yang mempertahankan rasio aspek gambar sumber karena nilai yang tidak sesuai dapat mendistorsi gambar.

4. Dapatkah saya menggunakan path gambar relatif sebagai pengganti URL lengkap?

Ya. Nilai src relatif diselesaikan terhadap URL dokumen HTML sehingga path harus valid di lokasi penerbitan halaman. Gunakan URL HTTP atau HTTPS absolut jika gambar dihosting di tempat lain.

5. Dapatkah saya menambahkan gambar yang dihasilkan ke dokumen HTML yang sudah ada?

Ya. Buka file dengan new HTMLDocument("input.html"), buat dan atur gambar seperti pada contoh, tambahkan ke elemen yang diperlukan, lalu simpan dokumen yang diubah ke file baru.

Instal Aspose.HTML for .NET

Instal Aspose.HTML for .NET dari NuGet menggunakan .NET CLI:

dotnet add package Aspose.HTML

Anda juga dapat menggunakan antarmuka NuGet Package Manager atau menjalankan Install-Package Aspose.HTML di Package Manager Console. Lihat panduan instalasi untuk detail penyiapan, atau minta lisensi sementara untuk mengevaluasi API tanpa batasan evaluasi.