Embed HTML Webpage

The html short code generates an embedded <iframe> area for HTML web pages. You can use it with:

{{< html file="assets/my-html-page.html" height="500px" width="50%">}}

For example, the above shortcode embeds the my-html-page.html in assets/ as:

View webpage in full screen

Options

Keyword Argument	Default Value	Description
file	None	Specifies the input file path for the HTML webpage.
height	“475px”	Specifies the height of the embedded webpage.
width	“100%”	Specifies the width of the embedded webpage.
full-screen-link	“true”	Add a link to view the embedded webpage in a new full screen browser window.
class	None	Specifies the classes of the container wrapping the embedded webpage.

You may also omit specifying a file option. We’ll automatically use the first parameter as the file