HTML
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
How to insert html/css comments in your fic that still look good after you download them by Magnolia_in_black_Velvet
Fandoms: No Fandom
16 Aug 2023
Tags
Summary
a guide to inserting comments into your fics that will still look good when you download the fic (and all the css is stripped from it)
Series
- Part 1 of Magnolia's adventures in CSS
-
one spot, two spot, red spot, wrong spot by mystyrust
Fandoms: Miraculous Ladybug, Batman - All Media Types
18 Aug 2023
Tags
Summary
my plan is to find out the identity of hawkmoth and gift wrap it for ladybug
Tim’s investigation into the identity of Hawkmoth lands in the wrong spot -- and a punch in the face from Ladybug.
Series
- Part 1 of the domino effect
-
ets by itslilacmoon (watery_melon_baller)
Fandoms: No Fandom, Hyrule Warriors: Age of Calamity (Video Game), The Legend of Zelda: Breath of the Wild/Tears of the Kingdom, The Legend of Zelda & Related Fandoms
03 Sep 2023
Tags
Summary
age of calamity but if it was a fanfic on ao3 instead
-
Skin for Recreating Paper Mario’s Menu Screens by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Paper Mario Series (Video Games)
20 Sep 2023
Tags
Summary
A work skin for recreating several of the menu screens from Paper Mario, as seen in the ROM hack Paper Mario TTYD 64.
For convenience’s sake, the last chapter contains all of the CSS code in one place.
-
Skin for Recreating TTYD’s Mailbox SP by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Paper Mario Series (Video Games)
30 May 2024
Tags
Summary
A work skin for recreating the Mailbox SP display from Paper Mario: The Thousand-Year Door—both the 2004 and 2024 versions.
-
Skin for Recreating Bowser’s Inside Story DX’s Stats Display by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Mario & Luigi Series (Video Games)
17 Sep 2023
Tags
Summary
A work skin for recreating the Star Menu stats display from Mario & Luigi: Bowser’s Inside Story + Bowser Jr.’s Journey.
-
Tags
Summary
这是一个未完成的html操作指令字典，面向AO3创作者，即使是编程小白也可以使自己的作品拥有更丰富的形式:)
- Language:
- 中文-普通话 國語
- Words:
- 1,172
- Chapters:
- 1/1
- Kudos:
- 1
- Hits:
- 29
-
Skin for Recreating Discord’s Server Member List by SpookyTesting (FierySprites)
Fandoms: No Fandom
21 Sep 2023
Tags
Summary
A work skin for recreating the server member list used by the social platform Discord, circa September 2023.
-
Skin for Recreating Persona Q2’s Dialog Select Box by SpookyTesting (FierySprites)
Fandoms: Persona Series, Persona Q2: New Cinema Labyrinth
26 Sep 2023
Tags
Summary
A work skin for recreating the dialog selection speech bubble from Persona Q2: New Cinema Labyrinth, along with the ability to add working hyperlinks.
-
Tags
Summary
A tutorial + live example on how to recreate Ao3 on mobile in your Ao3 fic using CSS and HTML.
Series
- Part 2 of Cool Coding Kumquats
-
Tags
Summary
Originalmente creada para uso y placer de la comunidad Dreamling con Ñ, y subida para servicio de utilidad pública, esta es una guía/tutorial muy muy básica de algunas de las cosas cool que se puede hacer en AO3 con la añejeza que es el HTML.
En general, siempre hay muy pocos recursos en español para los fandoms. Ojalá esta breve cosa inspirada por The Sandman > Dreamling > nuestra bonito Discord hispanohablante sea de utilidad para todes :3 Estaré actualizando y puliendo!
-
Tags
Summary
A work skin tutorial of a Rate My Professor page in AO3 (old UI).
See Chapter 1 for examples of the work skin, Chapter 2 for the complete CSS code of the work skin and step-by-step instructions on how to use a work skin, Chapter 3 for the HTML code template and Chapter 4 for explanation on how it all works.
-
Скин для воспроизведения страницы Фикбука на AO3 by Anonymous
Fandoms: No Fandom, Archive of Our Own, русреал - Fandom, Король и Шут | Korol i Shut (Band)
28 Oct 2023
Tags
Summary
Это сверстанный шаблон страницы фикбука (с подключаемым скином и гайдом по применению) в формате «фика внутри фика» для всех, кто пишет в русреаловых сеттингах и хотел бы таким образом добавить своим работам аутентичности.
Тег фандома стоит из-за фрагмента с примером.
-
Skin for Recreating Super Mario Galaxy’s Star Select by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Super Mario Galaxy
23 Oct 2023
Tags
Summary
A work skin for recreating the Star Select screen from Super Mario Galaxy.
-
Tags
Summary
A template for making a playable Murdle with an interactive grid and cards.
-
Tags
Summary
Blocks most Taboo/Controversial Tags and Warnings permanently for your AO3 account without third party add-ons.*
Have you ever wanted to simply not see any of the squicky fics you come across in search? Are you tired of adding tag after tag to the "Exclude" filter every time you come to the site?
I've got the solution!
A blocklist to be used with the Permablocking Specific Tags - Site Skin tutorial by Eli0t
*browser dependent
Updated: May 5th, 2025, to include specific Corrective Rape tropes where they aren't covered by the Major Archive Warnings.
-
Skin for Recreating Kingdom Hearts III’s Tutorial Prompts by SpookyTesting (FierySprites)
Fandoms: Kingdom Hearts (Video Games)
16 Nov 2023
Tags
Summary
A work skin for recreating the tutorial prompts from Kingdom Hearts III.
-
Tags
Summary
A place for very basic HTML.
There will be a LOT of repetition in this guide.
-
Tags
Summary
A work skin template of a Baidu (Chinese search engine) Search Suggestions or History page in AO3.
-
Tags
Summary
A guide to formatting works on AO3 using HTML.
Includes information on formatting text (italics, blockquote, bold, subscript/superscript, strikethrough, teletype, etc.); creating footnotes, bullet points, and numbered lists; and inserting headers, images, gifs, and hyperlinks.
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
-
Tags
Summary
One month after @hawks_unofficial's initial viral post, the blog titled "Quirk Analysis Blog for the Future", otherwise known as "Q. A. B.", has gone from an average of 10 views per post to an average of 20,000 views per post.
Midoriya Izuku does not know how to view the impressions analysis for his suddenly popular blog, and only notices that sometimes, people actually comment on his posts now. He does not google himself or his moniker and thus does not see the rise in online articles and speculation.
He is unaware that the "kyuu-ei-bee" he begins to hear about in passing refers to his own blog. He does not have a Twitter account.
At the time, Midoriya Izuku is 15 years old.
Izuku (accidentally) starts a cult.
Series
- Part 1 of how to (accidentally) start a cult
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,027
Bookmarked by goodiecornbread
01 Jul 2021
Bookmarker's Tags:
Bookmarker's Notes
AO3 formatting skins
-
Tags
Summary
Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).
Series
- Part 9 of AO3 Work Skins/Tutorials
-
Tags
Summary
One month after @hawks_unofficial's initial viral post, the blog titled "Quirk Analysis Blog for the Future", otherwise known as "Q. A. B.", has gone from an average of 10 views per post to an average of 20,000 views per post.
Midoriya Izuku does not know how to view the impressions analysis for his suddenly popular blog, and only notices that sometimes, people actually comment on his posts now. He does not google himself or his moniker and thus does not see the rise in online articles and speculation.
He is unaware that the "kyuu-ei-bee" he begins to hear about in passing refers to his own blog. He does not have a Twitter account.
At the time, Midoriya Izuku is 15 years old.
Izuku (accidentally) starts a cult.
Series
- Part 1 of how to (accidentally) start a cult
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 24,090
- Chapters:
- 12/17
- Collections:
- 8
- Comments:
- 1,054
- Kudos:
- 5,798
- Bookmarks:
- 6,614
- Hits:
- 356,074
Bookmarked by Alicorn3074
10 Jul 2021
Bookmarker's Tags:
Bookmarker's Notes
bookmarked for future use lol
-
Tags
Summary
A companion to Repository. A comprehensive guide to coding focused solely on emulating Twitter posts for fun or for archiving Twitter fics, up to and including:
- Quote Retweets
- Embedded Images
- Twitter PollsSeries
-
This work isn't hosted on the Archive so this blurb might not be complete or accurate.
Tags
- Bookmarks:
- 1
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 24,090
- Chapters:
- 12/17
- Collections:
- 8
- Comments:
- 1,054
- Kudos:
- 5,798
- Bookmarks:
- 6,614
- Hits:
- 356,074
Bookmarked by DeliberateEffort
11 Aug 2021
Bookmarker's Tags:
Bookmarker's Notes
A Complete Guide to 'Limited HTML' on AO3
-
Repository: A Collection of Work Skins and Guides by gadaursan
Fandom: Original Work, SK8 the Infinity (Anime)
15 Sep 2024
Summary
All work skin guides and code written by me.
- Words:
- 16,300
- Works:
- 4
- Bookmarks:
- 181
-
how to (accidentally) start a cult by jihnari
Fandom: 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia, 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia (Anime & Manga)
19 Jul 2024
- Words:
- 149,822
- Works:
- 4
- Bookmarks:
- 2,243
Bookmarked by hsi__iwg
16 Aug 2021
Bookmarker's Tags:
Bookmarker's Notes
THIS IS FUCKING AWESOME, PLS TEACH ME UR WAYS /hj
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
-
Twitter Mock-Up (Heavily Inspired by aerynevenstar's work) by TheBrookesNook
Fandoms: No Fandom
20 Jun 2021
Tags
Summary
This is me trying out aerynevenstar's workskin for the tweet format. So big thanks to them!
I also end up tweeking a bit of the CSS to fit my personal preferences. -
Tags
Summary
This is a simple tutorial for using HTML to create basic iOS text messages in Ao3. I'll do my best to make this easy to understand! This is intended for users who have little-to-no experience with this process at all, so bear with me if it's a bit redundant about some features you're already familiar with.
-
Tags
Summary
Embedding tutorial