สร้าง HTML ใน C#

เรียนรู้วิธีสร้าง HTML ตั้งแต่เริ่มต้นและวิธีแก้ไขเนื้อหา

วิธีสร้าง HTML ใน C#

HTML (Hypertext Markup Language) เป็นภาษามาตรฐานสำหรับการสร้างหน้าเว็บและการสร้างเอกสาร HTML ถือเป็นทักษะพื้นฐานสำหรับนักพัฒนาเว็บและทุกคนที่ทำงานกับเทคโนโลยีเว็บ ไลบรารี Aspose.HTML สำหรับ .NET มีชุดของคลาสและวิธีการสำหรับการสร้าง แก้ไข การแปลง และการปรับแต่งอื่นๆ ด้วยไฟล์ HTML เรามาสร้างเอกสาร HTML ใหม่กันเถอะ!

ขั้นแรก ตรวจสอบให้แน่ใจว่าคุณได้ Aspose.HTML สำหรับ .NET ติดตั้ง ในโปรเจ็กต์ของคุณ กระบวนการติดตั้งไลบรารีนี้ค่อนข้างราบรื่น คุณสามารถติดตั้งผ่านคอนโซล NuGet Package Manager โดยใช้คำสั่งต่อไปนี้:

ติดตั้ง Aspose.HTML สำหรับ .NETInstall-Package Aspose.HTML

สามารถสร้างไฟล์ HTML ตั้งแต่เริ่มต้นเป็นเอกสารเปล่าที่มีโครงสร้าง HTML ต่อไปนี้คือตัวอย่างวิธีที่คุณสามารถสร้างเอกสาร HTML เปล่า:

รหัส C# เพื่อสร้างไฟล์ HTML เปล่า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"));
    }

สร้างเอกสาร HTML ตั้งแต่เริ่มต้นโดยใช้ตัวสร้าง HTMLDocument()
บันทึกไฟล์ HTML ด้วยเมธอด Save()

หลังจากรันตัวอย่างนี้ คุณจะพบกับเอกสาร HTML เปล่าใหม่ซึ่งมีโครงสร้างพื้นฐานดังต่อไปนี้:

<html> เป็นแท็กที่ทำเครื่องหมายจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML เรียกอีกอย่างว่าองค์ประกอบรูทของเอกสาร และองค์ประกอบอื่นๆ ทั้งหมดจะต้องอยู่ข้างใน
<head> เป็นหนึ่งในองค์ประกอบพิเศษเนื่องจากมีข้อมูลเมตาและเบราว์เซอร์ไม่แสดงเนื้อหา
<body> คือเนื้อหาของเอกสาร ซึ่งควรมีเนื้อหาในหน้า HTML ทั้งหมด หรือทุกสิ่งที่คุณเห็นเมื่อดูหน้าเว็บในเบราว์เซอร์: หัวเรื่อง ย่อหน้า รูปภาพ ลิงก์ รายการ ฯลฯ

โครงสร้างของเอกสาร HTML เปล่า<html>
	<head>
	</head>
	<body>
	</body>
</html>

วิธีเพิ่มองค์ประกอบลงในไฟล์ HTML

เมื่อสร้างออบเจ็กต์เอกสารแล้ว ก็สามารถเติมองค์ประกอบ HTML ได้ คุณสามารถปรับแต่งเอกสารได้โดยเพิ่มองค์ประกอบเพิ่มเติม เช่น ส่วนหัว ย่อหน้า ลิงก์ รูปภาพ ฯลฯ โดยใช้คลาสที่เหมาะสมที่เนมสเปซ Aspose.Html มอบให้ ตัวอย่างเช่น นี่คือวิธีที่คุณสามารถเพิ่มหัวเรื่องและย่อหน้า:

รหัส C# เพื่อแก้ไขไฟล์ HTMLusing 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"));
    }

มาดูขั้นตอนง่ายๆ ในการแก้ไขเอกสาร HTML ที่แสดงโค้ด С# ด้านบนกัน ส่วนหัว H1 และย่อหน้าข้อความจะถูกเพิ่มลงในเอกสารที่สร้างขึ้น:

หากต้องการสร้างเอกสาร HTML ใหม่โดยทางโปรแกรมตั้งแต่เริ่มต้น ให้ใช้ตัวสร้าง HTMLDocument() โดยไม่มีพารามิเตอร์
คุณสมบัติ Body ของคลาส HTMLDocument ชี้ไปที่องค์ประกอบ <body> ของเอกสาร
สร้างองค์ประกอบส่วนหัว <h1> และย่อหน้า <p> ใช้เมธอด CreateElement() ของคลาส Document เพื่อสร้างองค์ประกอบ <h1> และ <p>
ใช้เมธอด CreateTextNode() เพื่อสร้างเนื้อหาข้อความสำหรับองค์ประกอบใหม่
ใช้เมธอด AppendChild() เพื่อเพิ่มเนื้อหาข้อความลงในองค์ประกอบ <h1> และ <p>
เพิ่มองค์ประกอบใหม่ให้กับเนื้อหาของเอกสารโดยใช้วิธี AppendChild()
บันทึกไฟล์ HTML ที่แก้ไขแล้วด้วยวิธี Save()

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Aspose.HTML API โปรดไปที่คำแนะนำ เอกสารประกอบ ของเรา จากบทความ สร้างเอกสาร HTML คุณจะพบข้อมูลเกี่ยวกับวิธีการโหลดเอกสารจากไฟล์ URL และสตรีม หรือสร้างตั้งแต่ต้น บทความเอกสารประกอบ แก้ไขเอกสาร HTML ให้ข้อมูลพื้นฐานเกี่ยวกับวิธีอ่านหรือแก้ไข Document Object Model โดยใช้ Aspose.HTML สำหรับ .NET API คุณจะได้สำรวจวิธีสร้างองค์ประกอบ HTML และวิธีทำงานกับองค์ประกอบเหล่านั้น – แก้ไขเอกสารโดยการแทรกโหนดใหม่ การลบ หรือแก้ไขเนื้อหาของโหนดที่มีอยู่
คุณสามารถดูหน้า แก้ไข HTML เพื่อค้นหาฟีเจอร์ Aspose.HTML สำหรับ .NET API เพื่อสร้าง ลบ หรือแก้ไขเนื้อหาของเอกสาร HTML