Начинаещите уеб дизайнери: как да направите текст поток около изображения

В тази статия, ние ще ви кажа повече за функциите на HTML и CSS, които са свързани с изображенията. Ще се научите как да ги вмъкнете в HTML-документ. Статията съдържа и информация за това как да промените настройките на картината, както и организиране на текстови поток около изображението.

Първо - как да вмъкнете изображение. За това има таг "IMG", която има няколко атрибута. Основните от тях - "SRC". В него се съхраняват адреса, от който браузърът може да вмъкнете картинка. Можете да посочите пътя към изображение вече съхранявана в компютъра, или да даде линк към уеб ресурс.

Никой по-малко важни атрибути на една двойка - "ширина" (ширина) и "височина" (височина). Те се използват за ръчно преоразмеряване на изображенията (полезна опция за разтягане и компресиране на изображения).

Следени параметри "hspace" и "vspace" (разстояние от изображението към околния текст). Ясно е, че "hspace" - хоризонтално уплътнение и "vspace" - вертикално.

Ние с маркера атрибути като "н" и "титла". Те са подобни един на друг, тъй като тяхната цел е да опише образа. Но в "титлата", предписан текст, който се показва, когато движите мишката върху снимката и буквалния стойността на "н" атрибут се показва в случай, че не е възможно да качите изображение.

Има няколко специфични качества, които се намират в по-голямата част от етикети. Тази "Код за достъп", "клас", "номер" и "стил". "Код за достъп" определя комбинация от бутони, чрез които достъпът до обекта. "Клас" и "номер" - параметри, свързани с CSS. Те описват класа, към който принадлежи на снимката (или неговия идентификатор). "Стил" - атрибут на текст, който позволява създаването на вграден образ CSS стил.

Един от параметрите, които определят облика на изображението е "граница". Той определя дебелината на границата около обекта и може да се настрои да е положително цяло число (в пиксели).

Следващият атрибут - "подравняване". Той описва текст поток около изображението. Тази опция може да се настрои на "дъното", "средна", "ляво", "дясно" и "отгоре". Всяка една от ценностите определя къде да поставите изображението на текста. Така например, на стойност от "средната" средна изображението е подравнен в долната граница на текст, а "лявото" - най-обект ще бъде към лявата на текст. Но това е само един от начините за задаване на текст поток около изображението - HTML.

Има и друг мощен инструмент - CSS (много по-гъвкав). Може да се използва много по-ефективно да зададете атрибути за маркери, включително текст поток около изображението. CSS позволява да се определят параметрите, не само на конкретния обект, както и всички тези като него. Например, ако искате да зададете отстъпа на всички изображения в документа е десет пиксела, това е достатъчно, за да го свържете към CSS-файл с един бод: "IMG {марж: 10px 10px 10px 10px;}" (на практика, кавичките не са необходими!).

А текст поток около изображения, например, на левия ръб се определя като: "IMG {приведе: ляво;}".

Между другото, за да добавите CSS-код не трябва да го напиша във файл. За този таг "стил" е предоставена в HTML, който можете да вмъкнете CSS код. Но това ще работи само за документа (ако искате да добавите един и същи код в множество HTML-файлове, трябва да създадете отделен стил лист).

Вече можете да "разрежда" изображенията на мястото, като се използват полезните свойства на етикет, който е отговорен за това. Чувствайте се свободни да се използва за смяна на размера, или го увийте текстови снимки. Уеб страници, без графични елементи - доста тъжна гледка, нали?