Clever Geek Ideas

How to insert a picture in HTML without problems

- , , HTML (Hypertext Markup Language), . , HTML , .

Drawn character at the computer




?

, , . , NotePad++. , , . , , .

The programmer enters the code




, , , HTML . <img / >. HTML-, .





Girl writes a code




?

, , . HTML? src, . , - .

  • , :
<img src="//coder-booster.ru/images/main-logo.png" />
  • , HTML-, :
<img src=" .jpg" />
A man enters a code




<img /> - alt. , , - . , , , , , . src alt :





<img src=" .jpg" alt=" " />
The code falling before the programmer




, <img /> title. . Internet Explorer, , . alt, , :

<img src=" .jpg" 
alt=" " title=" "  />
Glasses in front of the monitor




, HTML, . ? HTML : width () height (). , . , , :

<img src=" .jpg" width="100px" height="25%" />

, , , . , , , - .

Girl enters code




, HTML, ? <body>, HTML-. , , . HTML , background. :

<body background="  .jpg">
...
</body>

- , , . , , , , .

Girl looking at code




, , . , , . HTML, ? align <img />. : left right.

left , right, , . :

<img src=" .jpg" align="left" />



<img src=" .jpg" align="right" />

, , :

<img src=" .jpg" align="left" />

<img src=" .jpg" align="right" />

, .

Images allow you to diversify the site, make it brighter, more attractive and more memorable, but do not forget that too many pictures will slow down the loading of the site and will distract from the text.



More articles:


All Articles