Programming C, C++, Java, PHP, Ruby, Turing, VB
Computer Science Canada 
Programming C, C++, Java, PHP, Ruby, Turing, VB  

Username:   Password: 
 RegisterRegister   
 [Tutorials] html pictures (from your computer)
Index -> Graphics and Design, Web Design -> (X)HTML Tutorials
View previous topic Printable versionDownload TopicRate TopicSubscribe to this topicPrivate MessagesRefresh page View next topic
Author Message
r.m_spy




PostPosted: Fri Feb 26, 2010 6:29 am   Post subject: [Tutorials] html pictures (from your computer)

Step 1: save your picture next to your .htm, or .html file
Step 2: type the following bellow
(simple picture)
code:
<img scr="google.jpg">

(complicated)
code:
<a href="http://www.google.ca"><img scr="google.jpg" alt="Search with Google today" hight="100" width="100" border="1" align="right" /></a>


explaining the extra fields
alt : when you scroll over the picture, the text you type in the alt section shows. used for one or two words about the picture.

the next two lines are measured in pixels
hight : sets the hight for the picture (Warning, may destroy resolution)
width : sets the width of the picture (warning above)

border : sets a border around the picture. the number indicates the thickness.

align :sets the alignment of th picture (the example I posted would be on the right side of the web page

? the link in head of it

The image, when you click on it, goes to google.ca
Sponsor
Sponsor
Sponsor
sponsor
Mikleena




PostPosted: Sat Nov 20, 2010 1:49 am   Post subject: Re: [Tutorials] html pictures (from your computer)

Hi friend what a nice tutorial i really like this so much. Thanks for this great sharing this, its really helpful to complete my project.
Display posts from previous:   
   Index -> Graphics and Design, Web Design -> (X)HTML Tutorials
View previous topic Tell A FriendPrintable versionDownload TopicRate TopicSubscribe to this topicPrivate MessagesRefresh page View next topic

Page 1 of 1  [ 2 Posts ]
Jump to:   


Style:  
Search: