HTML (HyperText Markup Language) is the standard language used to structure content on webpages. It forms the foundation of nearly every website on the internet, defining how elements such as text, images, links, and sections appear within a page.
HTML provides the basic structure of a webpage, allowing browsers to understand what content is present and how it should be organised.
However, if you are using ShowOff (our CMS), you do not need to write or understand HTML code. The platform automatically generates the HTML required for your pages based on the content you add through the CMS interface.
How HTML Works
HTML uses tags and elements to organise content on a webpage. These tags tell a web browser how different pieces of content should be interpreted.
For example, HTML can define:
Page headings
Paragraphs of text
Images
Links
Lists
Tables
Page sections
A very simple HTML example might look like this:
<h1>Welcome to Our Website</h1>
<p>This is an example paragraph on a webpage.</p>
<a href="https://example.com">Visit our page</a>
In this example:
<h1>defines a main page heading<p>defines a paragraph of text<a>defines a link
Browsers read this code and display the content as a formatted webpage.
HTML and ShowOff (Our CMS)
When building pages in ShowOff, the platform automatically creates the HTML structure behind the scenes. This means organisers using the CMS do not need to write any code.
Instead of coding HTML manually, you simply use the tools available within the CMS, such as:
Page titles
Content editors
Image upload tools
Link options
Content blocks and components
When you add content using these features, ShowOff converts it into the correct HTML automatically.
For example:
A page title becomes the page's H1 heading
Section titles become H2 headings
Body text becomes paragraph elements
Links are automatically created when you add URLs
Images are inserted with the correct HTML formatting
This allows you to create well-structured webpages without needing any technical knowledge or coding experience.
HTML and Page Structure
HTML is responsible for defining the structure and hierarchy of a webpage. This structure helps both users and search engines understand how content is organised.
Typical HTML structure includes:
Page titles and headings
Content sections
Paragraphs of text
Links to other pages
Images and media
When using ShowOff, this structure is automatically handled through the page builder and content editing tools, ensuring your pages remain consistent and properly structured.
HTML and SEO
HTML plays an important role in Search Engine Optimisation (SEO) because search engines rely on page structure to understand content.
Key HTML elements that support SEO include:
Heading tags (H1, H2, H3, etc.) which define content hierarchy
Links that connect pages across the website
Image attributes that describe images
Structured page layouts that help search engines crawl content
Because ShowOff automatically generates this structure when you add content, organisers can still benefit from well-structured HTML and SEO best practices without needing to manage the code directly.
How HTML Relates to Other Web Technologies
HTML is one of the three core technologies used to build websites:
HTML – Provides the structure of the page
CSS – Controls the visual styling and layout
JavaScript – Adds interactivity and dynamic functionality
You can think of it like building a house:
HTML is the structure and framework
CSS is the design and appearance
JavaScript adds interactive features
Within ShowOff, these technologies are already integrated into the platform. Organisers simply manage their content while the system handles the underlying technical structure.
Key Takeaways
HTML (HyperText Markup Language) is the core language used to structure webpages.
It defines elements such as headings, paragraphs, images, and links.
HTML forms the foundation of every webpage.
When using ShowOff, organisers do not need to write or manage HTML code.
The CMS automatically generates the correct HTML structure based on the content you add.
This allows you to focus on building and managing your website content, while the platform handles the technical implementation behind the scenes.
Comments
0 comments
Please sign in to leave a comment.