This is instructions on how to get images into an HTML page.
Images improve the design, appearance, and the communication involved with a webpage.
Example: Image from Local site:
<img src=”NamRef.jpg” alt=”NamRef Logo”>
Example: Image from other website:
<img src=”http://www.gorageous.com/f_images/QR_mobile-Go-sm.png” alt=”Company QR”>
Example: Image: Size of Image
<img src=”NamRef.jpg” alt=”NamRef Logo” width=”200″ height=”200″>
or
<img src=”NamRef.jpg”alt=”NamRef Logo” style=”width:200px;height:200px;”>
or
Same result
Example: Image from another folder within website:
<img src=”/f_Images/img-arrow-red.png” alt=”Red Arrow” style=”width:75px;height:24px;”>
Example: Image from another site (or server):
<img src=”http://troop329az.org/Logo_ScoutingCrew.png” alt=”Red Arrow” style=”width:200px;height:200px;”>
Image Size:
HTML <img> width Attribute:
<img src=”logo.gif” alt=”Logo” height=”100″ width=”100″>
<img src=”logo.gif” alt=”Logo” width=”100″>
<img src=”logo.gif” alt=”Logo” width=”100″ height=”50″>
beware distortion