Всеки би желал да разкраси малко или много неговият сайт, със снимки, музика, видео и т.н. Тук ще разберете как става:

Всяка снимка се изписва чрез тага IMG (Images = Снимка).

<img src="ПЪТЯ ДО СНИМКАТА" alt="ИМЕ НА СНИМКАТА" title="ЗАГЛАВИЕ НА СНИМКАТА"

width="ШИРОЧИНА НА СНИМКАТА" height="ВИСОЧИНА НА СНИМКАТА" border="РАМКА НА СНИМКАТА">

чрез IMG SRC.. казваме на кода че искаме да изведем някаква снимка, чрез ALT... задаваме името на снимката за неграфични браузъри(използва се за проверките на ботовете от Google и други търсачки), TITLE... Това се слага, ако искаме да изведем някакъв текст чрез поставяне на курсова върху снимката, WIDTH и HEIGHT са размерите на снимката, каквито си пожелаете(Ако не зададете размери, снимката ще излезе със собствения си размер), BORDER...това си е рамка, има няколко вида рамки:

1. solid - рамка наподобяваща линия в четирите страни на снимката

пример: ______

2. dashed - рамка  наподобяваща прекъснати линии.

пример: ------------

3. dotted - рамка наподобяваща точки (прекъснати през 1px).

пример: ...................

Нека да изведем някаква снимка без никакви атрибути.

<img src="http://giga-dev.com/infusions/nickpage_panel/images/noav.png">

Резултат: 

2-ри Пример с малко атрибути.

<img src="http://giga-dev.com/infusions/nickpage_panel/images/noav.png" alt="my_avatar" title="Моят Аватар" width="150px" height="170px" border="1px dashed #fff">

Резултат: 

Горната снимка, с име my_avatar , с хоувър(курсор върху снимката) Моят Аватар, с широчина 150px, височина  170px, и бордер 1px прекъснати линии цвят черен.