HTML Citation Generator
Mark a title of a creative work with a <cite> element — books, films, songs, websites — optionally linked, and copy the HTML with live preview.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is HTML Citation Generator?
The HTML `<cite>` element marks the title of a creative or intellectual work: a book, a film, a song, a painting, a website, a research paper, or similar. By convention browsers render `<cite>` in italic, though this can be overridden with CSS.
Note that `<cite>` is specifically for titles of works — not for general attribution or the name of the person who said something. For inline quotations use `<q>`; for block quotations use `<blockquote>`. Wrapping `<cite>` in an `<a>` tag links the title to the source, which is a common pattern in academic or journalistic writing.
How to Use HTML Citation Generator
Enter the title of the work
Optionally add a URL to link the citation
Optionally add id, class, or title attributes
Copy the generated HTML
Common Use Cases
- Bloggers marking book or article titles in prose.
- Developers adding semantic citation markup to review or reference pages.
- Content authors linking cited film or song titles to their source pages.
Example Input and Output
A citation linking a book title to its Wikipedia page.
Text: The Great Gatsby
Link URL: https://en.wikipedia.org/wiki/The_Great_Gatsby<a href="https://en.wikipedia.org/wiki/The_Great_Gatsby"><cite>The Great Gatsby</cite></a>Privacy
All HTML generation runs in your browser. No data is sent to any server.

