Build HTML code with C# using fluent methods.
Download from NuGet.
var html = new Html(new Head(), new Body());
var h4 = new H4("This is a level 4 heading.");
var p = new P("This is a paragraph.");
var img = new Img("https://picsum.photos/400/300");
var table = new Table();
var tr1 = new TR();
var td1 = new TD("Cell 1");
var td2 = new TD("Cell 2");
var tr2 = new TR();
var td3 = new TD("Cell 3");
var td4 = new TD("Cell 4");tr1.AppendChild(td1);
tr1.AppendChild(td2);
tr2.AppendChild(td3);
tr2.AppendChild(td4);
table.AppendChild(tr1);
table.AppendChild(tr2);
body.AppendChild(h4);
body.AppendChild(p);
body.AppendChild(img);
body.AppendChild(table);
var html = new Html(new Head(), body);var htmlString = html.ToHtml();
Console.WriteLine(htmlString);Output (formatted manually for readability):
<!DOCTYPE html>
<html>
<head></head>
<body>
<h4>This is a level 4 heading.</h4>
<p>This is a paragraph.</p>
<img alt="" src="https://picsum.photos/400/300">
<table>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
</body>
</html>var htmlFluent = new Html(
new Head(),
new Body()
.AppendChild(new H4("This is a level 4 heading."))
.AppendChild(new P("This is a paragraph."))
.AppendChild(new Img("https://picsum.photos/400/300"))
.AppendChild(new Table()
.AppendChild(new TR()
.AppendChild(new TD("Cell 1"))
.AppendChild(new TD("Cell 2")))
.AppendChild(new TR()
.AppendChild(new TD("Cell 3"))
.AppendChild(new TD("Cell 4")))) as Body);var h3 = new H3("This is a level 3 heading and it is blue")
{
Id = "Heading3",
Style = new Style()
.Add(StyleProperty.Color, "blue")
.Add(StyleProperty.FontFamily, "Arial")
.Add(StyleProperty.FontSize, "0.9rem")
};
h3.Style[StyleProperty.FontWeight] = "600";
var h3String = h3.ToHtml();
Console.WriteLine(h3String);Output:
<h3 id="Heading3" style="color: blue; font-family: Arial; font-size: 0.9rem; font-weight: 600;">This is a level 3 heading and it is blue</h3>var htmlStringToParse = "<div><h3>Hello World!</h3><p>This HTML code can be parsed by HtmlParser.</p><div>";
var htmlParsed = HtmlParser.Parse(htmlStringToParse);
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent