Afficher un PDF dans une page HTML

Mon, 01 Jan 0001 00:00:00 +0000

Display a PDF in an HTML page#

There are several ways to display a PDF inside an HTML page. Below are three common approaches, with notes on compatibility and a recommended Hugo shortcode method.

1. Using the `<embed>` tag#

The <embed> tag is the simplest option, but some browsers (especially mobile) may not render PDFs inline.

<embed src="https://yoursite.com/document.pdf" width="100%" height="400px" />

2. Using an `<iframe>` with Google Viewer#

You can use an <iframe> to embed Google Docs Viewer. This works even if the browser can’t render PDFs inline, but it requires the PDF to be accessible publicly by Google.

Badge Maker

Mon, 01 Jan 0001 00:00:00 +0000

Shields.io Badge Maker#

“Struggling to create the perfect shields.io badge? Here’s a quick, practical guide—with real examples—to help you avoid common pitfalls and craft badges that stand out.”

Goal	URL Structure	Key Tips
Basic Badge	`https://img.shields.io/badge/<LEFT_TEXT>-<RIGHT_TEXT>-<COLOR>`	Use a valid hex color (e.g., `ED8B00` for Java). If `<RIGHT_TEXT>` is not a color, it will appear as text.
Logo Integration	`?logo=<LOGO>&logoColor=<LOGO_COLOR>`	Find the correct logo name on Simple Icons. Use `openjdk` for Java, not `java`.
Style: Flat	`?style=flat`	Use `flat` for a minimalist look.
Style: For the Badge	`?style=for-the-badge`	Use `for-the-badge` for a larger, rounded style.
Logo Color: Black	`&logoColor=black`	Use `black` for logos on light backgrounds.
Text on Right Side	`https://img.shields.io/badge/<LEFT_TEXT>-<RIGHT_TEXT>-<COLOR>`	Ensure `<COLOR>` is a valid hex code or color name.
OpenSearch Badge	`https://img.shields.io/badge/OpenSearch-00BFB3?style=for-the-badge&logo=opensearch&logoColor=white`	Use official brand colors for consistency (e.g., `00BFB3` for OpenSearch).

👉 Shields.io Badge Maker

FDUCAT Notebook