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.