How To Add An Image
Photos, Charts, Icons, Images...folks love 'em. What would a website be without some imagery to enhance the site experience?
To add an image you must first have that file (we'll assume its a JPEG file called orlando.jpg in your "images" subdirectory on your webserver.)
To display that image, begin with a bang!
That's a little geek humor there...sorry. Programmers often refer to the exclamation point "!" as "bang!" Other weird names include "whack" for "/" and "backwhack" for "\". Now, where were we? Oh yes, to show an image, begin with a bang, or exclamation point.
Follow that bang with brackets [ and ] and follow the brackets with parentheses ( and ). Between the brackets put descriptive text. Between the parentheses put the path to the image file. For our example, we would use this...
![Johnny Suzy and Mickey Mouse](./vacation/orlando.jpg)
In this example, the descriptive text for the image is "Johnny Suzy and Mickey Mouse" and the path to the file is "./vacation/orlando.jpg". The "dot" (perhaps the best-known-geek-renamed character by the way) just serves to say "from the directory we're in" and for Vine Type it is the web root directory. Follow the dot with a whack and directory and another whack and the filename and your little darlings appear to the world on your Vine Type website.
Why Descriptive Text?
Glad you asked! What would be the purpose of descriptive text for an image? Two reasons:
- First, for browsers with images turned off, they will see the text instead.
- Second, for browsers that don't support images, such as browsers for the visually impaired, the text will appear.