HTML-EXPRESS.COM ПРЕДСТАВЛЯЕТ ...

Краткое введение в HTML - Графика

Считаю нужным сразу определиться, какие графические форматы используются в Интернете. Во-первых, это конечно GIF. Файлы этого формата могут быть анимированными, хорошим примером таких картинок служат баннеры. Анимация особо примечательна, поэтому формат GIF получил большое распространие. К тому же файлы этого формата не большие, что само по себе привлекает к нему внимание.

Кроме GIF есть также формат JPEG, файлы которого чаще имеют расширение JPG. Этот графический формат тоже популярен, хотя он и не позволяет использовать анимацию. Но тем не менне он известен тем, что при большой цветовой насыщенности файлы JPG получаются меньшего объема, чем GIF. То есть JPG больше подходит для фотографий, реалистичных картинок и прочего в таком роде, в то время как GIF лучше использовать для хранения созданных на компьютере файлов - анимированных, немногоцветных и прочих. 

Помимо них есть еще несколько форматов - BMP (файлы огромного размера), PNG и прочие. Но их использовать крайне нежелательно, некоторые из них вообще не будут показываться броузером.

Для HTML разницы между форматами не существует. Работа с одним совершенно не отличается от работы с другим, не нужно даже указывать тип картинки. Собственно, для того, чтобы вставить картинку, нужно всего лишь указать путь к ней, и она появиться на страничке. Также, при желании, можно принудительно указывать ширину и высоту, при этом, если эти данные будут отличаться от реальных, размер отображаемой картинки будет соответсвенно изменяться. Таким образом по вашим потребностям можно растягивать/сужать изображение, причем делать это как по вертикали, так и по горизонтали.

Для управления рисунками на странице существует тэг <img>, от английского слова image, что значит изображение. Это тэг имеет несколько параметров. Главный параметр тэга <img> - это параметр src (англ. Source - источник). Этот параметр позволяет указать путь к картинке. При его использовании изображение вставляется в документ. При указании пути к рисунку действуют теже правила, что и в гипертекстовых ссылках. Например:

К картинке применимы все тэги, которые используются для выравнивания текста. Например:

Ширина и высота картинки изменяются параметрами width и height. Эти параметры не обязательны, они используются по нуждам дизайнера, иногда для принудительного изменения размера. Например:

Ещё один параметр border - рамка рисунка, которой может быть окружено любое изображение. Этот параметр используется редко, обычно наоборот рамок вокруг рисунков избегают и приравнивают его к 0. При этом рамка исчезает, то есть ее толщина равна нулю. Например: