HTML tab
HTML (Hypertext Markup Language) is the standard markup language used to structure web pages. By using HTML elements, you tell the browser where and how to display content.
Examples
<title> Page Title </title>: This element tells the browser to display the "Page Title" text as the title of the web page.<h1> This is a h1 header </h1>: This element tells the browser to display the "This is a h1 header" message as an H1 header wherever it is placed in the HTML file.<p> My first paragraph </p>: This element tells the browser to display the "My first paragraph" message as a paragraph wherever it is placed in the HTML file.
Typical HTML structure
Every HTML file requires the following structure:
HTML structure on the HTML Canvas widget
When you use HTML elements on the HTML Canvas widget, the following tags are optional:
<html></html><head></head><body></body>
This means that all code placed in the HTML code editor tab is interpreted as if it were inside an HTML <body> element on the widget:
<html>
<head>
</head>
<body>
<h1> This is a h1 header </h1>
<p> This is a paragraph </p>
<p> This is another paragraph </p>
</body>
</html>
<h1> This is a h1 header </h1>
<p> This is a paragraph </p>
<p> This is another paragraph </p>
Advanced example
Suppose you want to display the following web content:
This can be achieved with the following HTML code:
To achieve the same result on the HTML Canvas, use the following code in the HTML tab of the code editor:
The resulting HTML Canvas widget is shown below on a dashboard:
Last updated
Was this helpful?