HTML element
An HTML element is a component of an HTML document, defined by markup and represented in the document structure, with permitted attributes, content, and semantics.
Web Design Playground, Second Edition
The HTML html element is the document's outermost element and root of the HTML element tree.
- How it is used
- Uses elements to give web-page content structure, readability, and meaning.
- How deep it goes
- Defines elements, distinguishes them from tags, explains paired syntax, and identifies html as the root, but stops short of advanced element behavior.
- Examples
- Uses an h1 heading and contrasts plain text with text organized by basic HTML elements.
- What you can do after
- Build it from scratch by marking page content with opening and closing HTML tags.
Read how Web Design Playground, Second Edition explains HTML element →
Build a Website with ChatGPT
An HTML element is a structural or semantic unit in an HTML document represented by markup and its content.
- How it is used
- Uses HTML elements to organize page areas, content, navigation, and closing information into a browser-displayed layout.
- How deep it goes
- Defines major layout elements and their roles, but stops short of detailed article and aside treatment.
- Examples
- Uses book-club, baking, article-page, and pun-generator markup examples to demonstrate headers, sections, headings, paragraphs, and footers.
- What you can do after
- Build it from scratch by arranging headers, navigation, main content, sections, paragraphs, and footers in an HTML page.
Read how Build a Website with ChatGPT explains HTML element →
Web Design Playground
A distinct part of a document or markup tree that can be targeted for styling or structure.
- How it is used
- Uses elements to mark page content and give browsers layout and organizational instructions.
- How deep it goes
- Defines element-versus-tag terminology and explains paired containers, then applies them in basic page structure and headings.
- Examples
- Demonstrates p, em, and h1 elements, a main article heading, heading levels h1–h6, and an html-head-body starter page.
- What you can do after
- Build it from scratch by pairing opening and closing tags to mark headings, text, and page sections.
WordPress Power Toolkit: Harness AI to build next-level websites
An HTML element is a document structure consisting of an opening tag, optional content, and a closing tag or equivalent empty-element syntax.
- How it is used
- Structures webpage content and provides targets for styling, embedding media, and organizing visible page components.
- How deep it goes
- Defines tags, content, closing tags, attributes, and common element types, then applies them to styling and video embedding.
- Examples
- Uses headings, paragraphs, divisions, spans, tables, images, hyperlinks, and an iframe video embed as concrete examples.
- What you can do after
- Apply it via HTML by recognizing element parts, editing attributes, and modifying an embedded video's settings.
Read how WordPress Power Toolkit: Harness AI to build next-level websites explains HTML element →
Related concepts
- body elementhas part · The HTML body element contains the main content of a document that is rendered in a browser.
- iframeincludes · An iframe is an HTML element that embeds a separately loaded document and browsing context within a containing web page.
- HTML taghas part · An HTML tag is angle-bracket-delimited markup that identifies, structures, or marks the boundary of an element in an HTML document.
- strong elementincludes · The HTML strong element marks content as having strong importance, seriousness, or urgency.
- buttonincludes · A button is an interactive user-interface control that can be activated to initiate an action or select an option.
- style propertyconfigured by · A style property is a named setting or interface attribute that specifies or exposes a presentation characteristic of an element or view.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.