| CARVIEW |
Select Language
HTTP/2 301
content-length: 162
content-type: text/html
date: Thu, 16 Oct 2025 02:20:04 GMT
location: https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Solve_HTML_problems
server: nginx
strict-transport-security: max-age=60; includeSubDomains
via: 1.1 google
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
HTTP/2 200
content-type: text/html
x-guploader-uploadid: AAwnv3KW5x4xRr0t839F2E7fgFCs75onCeohatMFmMkhQlvk7mEhLZeS_9Et5TDvAM78edhHrdzV8Ec
cache-control: public, max-age=3600
expires: Thu, 16 Oct 2025 03:20:05 GMT
last-modified: Thu, 16 Oct 2025 01:05:01 GMT
etag: W/"9ec3b2b7d755a8be87083402d95f21b9"
x-goog-generation: 1760576701342283
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 144714
x-goog-meta-goog-reserved-file-mtime: 1760575128
x-goog-hash: crc32c=SJnmWg==, md5=nsOyt9dVqL6HCDQC2V8huQ==
x-goog-storage-class: STANDARD
accept-ranges: none
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: 940330ca53308d92e2e3f8240ab42631
date: Thu, 16 Oct 2025 02:20:05 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
Solve common HTML problems - Learn web development | MDN
Toggle sidebar
Solve common HTML problems
The following links point to solutions to common everyday problems you'll need to solve with HTML.
Basic structure
The most basic application of HTML is document structure. If you're new to HTML you should start with this.
Basic text-level semantics
HTML specializes in providing semantic information for a document, so HTML answers many questions you might have about how to get your message across best in your document.
- How to create a list of items with HTML
- How to stress or emphasize content
- How to indicate that text is important
- How to display computer code with HTML
- How to annotate images and graphics
- How to mark abbreviations and make them understandable
- How to add quotations and citations to web pages
- How to define terms with HTML
Hyperlinks
One of the main reasons for HTML is making navigation easy with hyperlinks, which can be used in many different ways:
Images & multimedia
Scripting & styling
HTML only sets up document structure. To solve presentation issues, use CSS, or use scripting to make your page interactive.
Embedded content
Uncommon or advanced problems
Beyond the basics, HTML is very rich and offers advanced features for solving complex problems. These articles help you tackle the less common use cases you may face:
Forms
Forms are a complex HTML structure made to send data from a webpage to a web server. We encourage you to go over our full dedicated guide. Here is where you should start:
Tabular information
Some information, called tabular data, needs to be organized into tables with columns and rows. It's one of the most complex HTML structures, and mastering it is not easy:
Data representation
- How to represent numeric and code values with HTML — see Superscript and Subscript, and Representing computer code.
- How to use data attributes
Advanced text semantics
- How to take control of HTML line breaking
- How to mark changes (added and removed text) — see the
<ins>and<del>elements.
Advanced images & multimedia
Internationalization
HTML is not monolingual. It provides tools to handle common internationalization issues.