HTML rendering test v2: Podcast Show Notes Justin Jackson

This project is a simple test of HTML styles and elements. Link to RSS feed url.




The main use case for this test is to visualize how HTML is rendered in different podcast listening apps (Apple Podcasts, Spotify, YouTube Music, etc).



Testing an H1


This is an anchor tag/hyper link: How to start a podcast




This is a paragraph. "To record a podcast, you'll need a microphone, PC or tablet, and audio editing software. Plug your microphone into your computer (or tablet) and record your episode. Once you're done editing it, you'll export the MP3 and upload it to a podcast hosting provider (like Transistor.fm). Your podcast host will help you distribute your podcast to Apple Podcasts, Spotify, and other listening apps."




Here's a block quote:





Man surprised me most about humanity. Because he sacrifices his health in order to make money. Then he sacrifices money to recuperate his health. And then he is so anxious about the future that he does not enjoy the present; the result being that he does not live in the present or the future; he lives as if he is never going to die, and then dies having never really lived. – James J Lachard




Testing an H2


Italic, bold, and monospace




This is a paragraph with a single line break inside of it. This is before the line break.This is after the line break.




This is a paragraph with a two line breaks inside of it. This is before the line breaks.This is after the line breaks.



Testing an H3


This is a DIV. To record a podcast, you'll need a microphone, PC or tablet, and audio editing software. Plug your microphone into your computer (or tablet) and record your episode. Once you're done editing it, you'll export the MP3 and upload it to a podcast hosting provider (like Transistor.fm). Your podcast host will help you distribute your podcast to Apple Podcasts, Spotify, and other listening apps.




This is another DIV with a single line break inside of it. This is before the line break.This is after the line break.




This is a DIV with a two line breaks inside of it. This is before the line breaks.This is after the line breaks.



Testing an H4


A simple itemized lists look like this:




this one
that one
the other one


A nested list:




First, get these ingredients:

carrots
celery
lentils


Boil some water.
Do not bump wooden spoon or it will fall.


A horizontal line:



Tables can look like this:



Shoes, their sizes, and what they're made of


size
material
color




9
leather
brown


10
hemp canvas
natural


11
glass
transparent




A horizontal rule follows.



Images don't generally show up in podcast show notes, but here is an image just in case:




example image