HTML
HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
Build a Website with ChatGPT
HTML is the markup language used to structure and semantically describe content in web pages.
- How it is used
- Structures generated web-page content before the page is saved, tested in a browser, and deployed.
- How deep it goes
- Defines tags and demonstrates headings, paragraphs, sections, and stylesheet links without pursuing advanced markup internals.
- Examples
- Uses a Hello World page, a Pun Generator, book-club pages, an online journal, and copied section blocks.
- What you can do after
- Apply it via ChatGPT and a text editor to save, customize, test, and deploy structured web pages.
Web Design Playground, Second Edition
HTML is the standard markup language for structuring and presenting content in web documents.
- How it is used
- Structures web-page content so browsers can render readable headings, paragraphs, lists, images, and links.
- How deep it goes
- Explains tag syntax, page structure, whitespace, semantic HTML5 layout elements, and advanced elements without teaching programming operations.
- Examples
- Uses an h1 heading, a “Hello HTML World!” document, plain-text versus marked-up output, and a personal home-page project.
- What you can do after
- Build it from scratch as structured web pages with text, headings, links, semantic regions, and visible browser content.
Read how Web Design Playground, Second Edition explains HTML →
Build a Frontend Web Framework (From Scratch)
The markup language used to structure documents and elements displayed in web browsers.
- How it is used
- Structures a TODO application's fixed controls and provides a list that JavaScript fills as state changes.
- How deep it goes
- Works through concrete markup, script loading, element creation, and updates rather than a comprehensive HTML language reference.
- Examples
- Uses a TODO page with a heading, labeled input, Add button, and list items that switch between read and edit modes.
- What you can do after
- Build it from scratch: write a static HTML page and use vanilla JavaScript to render and update its interactive list.
Read how Build a Frontend Web Framework (From Scratch) explains HTML →
WordPress Power Toolkit: Harness AI to build next-level websites
HTML is the markup language that structures the content and layout of documents displayed by web browsers.
- How it is used
- Structures WordPress page content when tables, links, buttons, or embeds need code beyond editor features.
- How deep it goes
- Defines tags and elements, relates HTML to browser defaults, CSS, JavaScript, and Inspector-based inspection without requiring language mastery.
- Examples
- Uses a lake table, a YouTube button link, a click-to-reveal painting-information block, headings, and an embedded YouTube video.
- What you can do after
- Apply it via WordPress Text view to paste, test, and refine generated tables, links, interactive snippets, and video embeds.
Read how WordPress Power Toolkit: Harness AI to build next-level websites explains HTML →
Learn Go with Pocket-Sized Projects
HTML is the standard markup language used to structure documents and applications displayed by web browsers.
- How it is used
- Structures browser pages for a habits interface and provides elements that a Go-powered multiplication exercise can update.
- How deep it goes
- Works through a document skeleton, form attributes, and DOM-targeted placeholders; does not pursue a general HTML reference.
- Examples
- Uses an index page, a habit-creation form, and a multiplication page whose operand spans receive values from Go.
- What you can do after
- Build it from scratch: serve a basic HTML page, add a submitting form, and prepare identified elements for browser-side Go updates.
Read how Learn Go with Pocket-Sized Projects explains HTML →
The Well-Grounded Python Developer: How the pros use Python and Flask
A web page is a browser-rendered presentation of web content, commonly structured by an HTML document.
- How it is used
- Serves as browser-rendered page content returned by a web server in response to HTTP requests.
- How deep it goes
- Works through browser rendering and a Flask template example without detailing HTML syntax or HTTP protocol rules.
- Examples
- Uses a Flask route and an HTML template with a current-time placeholder.
- What you can do after
- Apply it via Flask and Jinja2 to serve an HTML page whose displayed value comes from Python.
Read how The Well-Grounded Python Developer: How the pros use Python and Flask explains HTML →
Tiny CSS Projects
HTML is a markup language for structuring content in documents displayed by web browsers.
- How it is used
- Provides the content and structure that CSS styles in article, card, and checkout projects.
- How deep it goes
- Explains HTML’s structural role through starter markup, but does not develop HTML syntax as a standalone subject.
- Examples
- Uses an article scaffold, summary cards, and a checkout cart with a table and description list.
- What you can do after
- Evaluate/understand how existing HTML structures support CSS styling across screen sizes.
Web Design Playground
The standard markup language for structuring and annotating content on the web with elements and attributes.
- How it is used
- Structures web-page content by giving browsers instructions for headings, paragraphs, lists, images, and links.
- How deep it goes
- Defines HTML through tags and rendering, then demonstrates heading markup; later heading detail is deferred.
- Examples
- Contrasts an unreadable plain-text article with a page using headings, links, an image, a quotation, and a bulleted list.
- What you can do after
- Build it from scratch by inserting tags around text to create a basic structured web page.
Build Financial Software with Generative AI (From Scratch)
HTML is the standard markup language for structuring web pages and their content.
- How it is used
- Uses HTML5 to host browser interfaces and D3.js visualizations, with plain HTML available as an alternative UI approach.
- How deep it goes
- Demonstrates an incremental visualization workflow but stops short of detailed HTML syntax or document-structure instruction.
- Examples
- Uses a D3.js bar chart with category data, axis labels, hover color changes, and displayed bar values.
- What you can do after
- Apply it via VS Code and Live Server to create and iteratively improve a D3.js visualization page.
Read how Build Financial Software with Generative AI (From Scratch) explains HTML →
The Quick Python Book, Fourth Edition
HTML is the HyperText Markup Language, a standard markup language for structuring documents and elements on the web.
- How it is used
- Structures web documents for object modeling and web-data extraction.
- How deep it goes
- Explains nested elements, tags, classes, attributes, and parser queries, while stopping short of broad HTML syntax or browser behavior.
- Examples
- Uses nested html-body-p objects, a sample page with links and classes, and Beautiful Soup tag, attribute, and class queries.
- What you can do after
- Apply it via Beautiful Soup to parse HTML and extract tags, text, attributes, and class-selected elements.
Read how The Quick Python Book, Fourth Edition explains HTML →
Effective Data Analysis
HTML is a markup language used to structure content in documents displayed by web browsers.
- How it is used
- Supports web scraping by exposing page structure for extracting external data when an API is unavailable.
- How deep it goes
- Explains tags, nesting, classes, and parsing with BeautifulSoup, but stops short of detailed HTML language semantics.
- Examples
- Uses a National Weather Service page, nested tags, response text, and BeautifulSoup output as concrete examples.
- What you can do after
- Apply it via Python requests and BeautifulSoup to inspect web pages and extract selected content for analysis.
React in Depth
HTML is the standard markup language for structuring documents and controls displayed by web browsers.
- How it is used
- Positions HTML as document structure that JavaScript applications render, update, and keep synchronized with component behavior.
- How deep it goes
- Explains HTML's relationship with CSS, JavaScript, React, and JSX but stops short of syntax, semantics, and browser internals.
- Examples
- Uses JSX components, independently maintained web technologies, and CSS-in-JS as contrasting organization patterns.
- What you can do after
- Evaluate/understand when HTML should remain separate or become colocated with JavaScript and styling in component-based applications.
Related concepts
- semantic markupused by · Semantic markup is the practice of using HTML elements according to the meaning and structural or interactive role of their content.
- prerenderingproduced by · Prerendering is the generation of web-page HTML before it is requested or served, typically as prebuilt files.
- portfolio pageincludes · A portfolio page is a web page presenting a person’s selected creative or professional work and related information to potential clients, employers, or other viewers.
- Razor syntaxproduced by · Razor syntax is a templating syntax that combines markup with embedded .NET code and directives to generate web content.
- D3.jsused by · D3.js is an open-source JavaScript library for binding data to documents and creating dynamic, interactive visualizations in web browsers.
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.