Skip to content

HTML

샘플 페이지

Astro
---
import HtmlEmbed from "@shared/module/html-embed/HtmlEmbed.astro";
---
<HtmlEmbed wide={true}>
<!-- HTML 코드 -->
</HtmlEmbed>

Props:

  • wide?:boolean: 와이드형

Code

<section class="v-tmpl v-tmpl--html">
<h2 class="v-title v-truncate">TITLE</h2>
<div class="v-html-embed">
<!-- HTML 등록 코드 -->
</div>
</section>
<section class="v-tmpl v-tmpl--html">
<h2 class="v-title v-truncate">TITLE</h2>
<div class="v-html-embed v-html-embed--wide">
<!-- (와이드) HTML 등록 코드 -->
</div>
</section>

Preview

STANDARD

There are over a hundred HTML elements. This page uses all of them. You’re looking at <p></p> right now.

HTML loves text. We can get some huge text with <h1></h1>.

Or smaller with <h2></h2>

And so on…

And so on…

And so on…

And… nope that’s it for headings. These are all in an <hgroup></hgroup> by the way.

WIDE

There are over a hundred HTML elements. This page uses all of them. You’re looking at <p></p> right now.

HTML loves text. We can get some huge text with <h1></h1>.

Or smaller with <h2></h2>

And so on…

And so on…

And so on…

And… nope that’s it for headings. These are all in an <hgroup></hgroup> by the way.