Cara Membuat HTML di C#

HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman web dan membuat dokumen HTML adalah keterampilan dasar bagi pengembang web dan siapa pun yang bekerja dengan teknologi web. Pustaka Aspose.HTML untuk .NET menyediakan sekumpulan kelas dan metode untuk membuat, mengedit, mengonversi, dan manipulasi lainnya dengan file HTML. Jadi, mari buat dokumen HTML baru!

Pertama, pastikan Anda telah Aspose.HTML untuk .NET terinstal di proyek Anda. Proses instalasi perpustakaan ini cukup lancar. Anda dapat menginstalnya melalui NuGet Package Manager Console menggunakan perintah berikut:


Instal Aspose.HTML untuk .NET

Install-Package Aspose.HTML

File HTML dapat dibuat dari awal sebagai dokumen kosong dengan struktur HTML. Berikut ini contoh bagaimana Anda dapat membuat dokumen HTML kosong:


Kode C# untuk membuat file HTML kosong

using System.IO;
using Aspose.Html;
...

    // Initialize an empty HTML document
    using (var document = new HTMLDocument())
    {
        // Work with the document

        // Save the document to a file
        document.Save(Path.Combine(OutputDir, "create-empty-document.html"));
    }

  1. Buat dokumen HTML dari awal menggunakan konstruktor HTMLDocument() .
  2. Simpan file HTML dengan metode Simpan() .

Setelah menjalankan contoh ini, Anda akan mendapatkan dokumen HTML kosong baru dengan struktur dasar berikut:

  • <html> adalah tag yang menandai awal dan akhir dokumen HTML. Ini juga disebut elemen akar dokumen, dan semua elemen lainnya harus ada di dalamnya.
  • <head> merupakan salah satu elemen khusus karena mengandung metadata dan isinya tidak ditampilkan oleh browser.
  • <body> adalah badan dokumen, yang harus berisi semua konten halaman HTML. Atau semua yang Anda lihat saat melihat halaman di browser: judul, paragraf, gambar, link, daftar, dll.

Struktur dokumen HTML kosong

<html>
	<head>
	</head>
	<body>
	</body>
</html>

Cara Menambahkan Elemen ke File HTML

Setelah objek dokumen dibuat, dapat diisi dengan elemen HTML. Anda dapat menyesuaikan dokumen dengan menambahkan lebih banyak elemen seperti judul, paragraf, link, gambar, dll., menggunakan kelas yang sesuai yang disediakan oleh namespace Aspose.Html . Misalnya, berikut cara menambahkan judul dan paragraf:


Kode C# untuk mengedit file HTML

using System.IO;
using Aspose.Html;
...

    // Initialize an empty HTML Document
    using (var document = new HTMLDocument())
    {
        var body = document.Body;

        // Create a heading element (h1) and set its text
        var h1 = (HTMLHeadingElement)document.CreateElement("h1");
        var texth1 = document.CreateTextNode("Create HTML file");

        // Create a paragraph element (p) set its text
        var p = (HTMLParagraphElement)document.CreateElement("p");
        var text = document.CreateTextNode("Learn how to create HTML file");

        // Attach the text to the h1 and paragraph
        h1.AppendChild(texth1);
        p.AppendChild(text);

        // Attach h1 and paragraph to the document body
        body.AppendChild(h1);
        body.AppendChild(p);

        // Save the document to a disk
        document.Save(Path.Combine(OutputDir, "create-new-document.html"));
    }

Mari kita lihat langkah sederhana mengedit dokumen HTML yang menggambarkan kode # di atas. Judul H1 dan paragraf teks ditambahkan ke dokumen yang dibuat:

  1. Untuk membuat dokumen HTML secara terprogram dari awal, gunakan konstruktor HTMLDocument() tanpa parameter.
  2. Properti Body dari kelas HTMLDocument menunjuk ke elemen <body> dokumen.
  3. Buat elemen judul <h1> dan paragraf <p>. Gunakan metode CreateElement() kelas Dokumen untuk membuat elemen <h1> dan <p>.
  4. Gunakan metode CreateTextNode() untuk membuat konten teks untuk elemen baru.
  5. Gunakan metode AppendChild() untuk menambahkan konten teks ke dalam elemen <h1> dan <p>.
  6. Tambahkan elemen baru ke badan dokumen menggunakan metode AppendChild().
  7. Simpan file HTML yang telah diedit dengan metode Save() .

  • Untuk mempelajari lebih lanjut tentang Aspose.HTML API, silakan kunjungi panduan dokumentasi kami. Dari artikel Membuat Dokumen HTML , Anda akan menemukan informasi tentang cara memuat dokumen dari file, URL, dan streaming atau membuatnya dari awal. Artikel dokumentasi Edit Dokumen HTML memberi Anda informasi dasar tentang cara membaca atau mengedit Model Objek Dokumen menggunakan Aspose.HTML untuk .NET API. Anda akan mempelajari cara membuat elemen HTML dan cara menggunakannya – memodifikasi dokumen dengan menyisipkan node baru, menghapus, atau mengedit konten node yang sudah ada.
  • Anda dapat melihat halaman Edit HTML untuk mengetahui Aspose.HTML untuk fitur .NET API untuk membuat, menghapus, atau mengedit konten dokumen HTML.