We promptly judged antique ivory buckles for the next prize.

Copied successfully!

<div class="pcui">
	<h1>We promptly judged antique ivory buckles for the next prize.</h1>
	<h2>We promptly judged antique ivory buckles for the next prize.</h2>
	<h3>We promptly judged antique ivory buckles for the next prize.</h3>
	<h4>We promptly judged antique ivory buckles for the next prize.</h4>
	<h5>We promptly judged antique ivory buckles for the next prize.</h5>
	<h6>We promptly judged antique ivory buckles for the next prize.</h6>
</div>

Input

To take user responses, input tags are commonly used.

Copied successfully!

<div class="pcui">
	<input type="text" value="Two driven jocks help fax my big quiz." />
</div>

Buttons

Buttons are used to perform some specific actions

Copied successfully!

<div class="pcui">
	<button>Click Me!</button>
	<button>
		<span>Click Me Too!</span>
	</button>
</div>

Hyperlinks

The <a> tag defines a hyperlink, which is used to link from one page to another.

Click this link to duplicate this tab.

Copied successfully!

<div class="pcui">
	Click <a href="" target="_blank">this link</a> to duplicate this tab.
</div>

Figure and Figcaption

Use a figure tag to mark up a photo in a document. It is commonly used with figcaption tag.

Figure Alternate Text — The job requires extra pluck and zeal from every young wage earner.

Copied successfully!

<div class="pcui">
	<figure>
		<img src="https://www.w3schools.com/tags/img_pulpit.jpg" />
		<figcaption>The job requires extra pluck and zeal from every young wage earner.</figcaption>
	</figure>
</div>

Blockquote

The blockquote tag specifies a section that is quoted from another source.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ligula augue, vestibulum vitae nunc in, lacinia efficitur lacus. Duis ultricies dui ut felis elementum, ac efficitur tellus egestas. Proin orci quam, egestas ut vulputate a, sodales eu orci.

Copied successfully!

<div class="pcui">
	<blockquote>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ligula augue, vestibulum vitae nunc in, lacinia efficitur lacus.
		Duis ultricies dui ut felis elementum, ac efficitur tellus egestas. Proin orci quam, egestas ut vulputate a, sodales eu orci.
	</blockquote>
</div>

Code

The code tag is a phrase tag. It defines a piece of computer code.

// A loop that prints "Hello PCUI!" 5 times
for (int i = 0; i < 5; i++) {
	System.out.println("Hello PCUI!");
}

Copied successfully!

<div class="pcui">
	<div class="pcui-code">
		<code>// A loop that prints "Hello PCUI!" 5 times<br />for (int i = 0; i < 5; i++) {<br />&#9;System.out.println("Hello PCUI!");<br />}</code>
	</div>
</div>

Keyboard

The kbd tag is a phrase tag. It defines keyboard input.

Press CTRL + W to close this tab.

Copied successfully!

<div class="pcui">
	Press <kbd>CTRL</kbd> + <kbd>W</kbd> to close this tab.
</div>

PCUI Badge

The PCUI Badge is used in showing information in a compact form. It can also be used in PCUI Progress Bars.

147.5k

Copied successfully!

<div class="pcui">
	<div class="pcui-badge">
		147.5k
	</div>
</div>

Typography

We promptly judged antique ivory buckles for the next prize.