Difference between revisions of "HTML Tricks"

From Hobowiki
Jump to navigation Jump to search
 
Line 1: Line 1:
 
== Embedding a Inline Image into a Page ==
 
== Embedding a Inline Image into a Page ==
This is a great way to have a single page hold everything you want without having to worry about broken images.  Unfortunatley some browsers don't always display embedded images like they should.  Luckily there is help.  Here is how you do it:
+
This is a great way to have a single page hold everything you want without having to worry about broken images.  Unfortunately some browsers don't always display embedded images like they should.  Luckily there is help.  Here is how you do it:
  
 
<ol>
 
<ol>
Line 7: Line 7:
 
</ol>
 
</ol>
  
''TODO: Find a better method of displaying inline images in a crossbrowser way''
+
''TODO: Find a better method of displaying inline images in a cross-browser way''
  
 
[[Category:Computer Tricks]]
 
[[Category:Computer Tricks]]

Latest revision as of 10:33, 20 April 2021

Embedding a Inline Image into a Page

This is a great way to have a single page hold everything you want without having to worry about broken images. Unfortunately some browsers don't always display embedded images like they should. Luckily there is help. Here is how you do it:

  1. Use this: [1] or this: [2] to encode your image in base64.
  2. When you have the image base64 coded, you can now use this to display it: [3]

TODO: Find a better method of displaying inline images in a cross-browser way