Новице веб дизајнери: Како направити ток текста око слике

У овом чланку, ми ћемо вам рећи о карактеристикама ХТМЛ и ЦСС, који су повезани са сликама. Ви ћете научити како да их убаците у ХТМЛ-документ. Чланак такође садржи информације о томе како да промените поставке слике, и организовати ток текста око слике.

Прво - како да убаците слику. За ово постоји ознака "имг", који има неколико атрибута. Главни од њих - "СРЦ". У њему чува адресу са које претраживач може да убаците слику. Можете одредити путању до слике већ сачуване у рачунару, или дати линк ка веб ресурса.

Ништа мање важни атрибути пара - "ширина" (ширина) и "висина" (висина). Они се користе за ручно величину слике (корисна опција за истезање и компресију слике).

Затим параметри "хспаце" и "вспаце" (удаљеност од слике до околног текста). Јасно, "хспаце" - хоризонтална обивка и "вспаце" - вертикална.

Ми ознака има атрибуте попут "Алт" и "титле". Они су слични једни другима, јер њихов циљ је да опише слику. Али у "титле" прописан текст који је приказан када пређете мишем преко слике, и буквално вредност атрибута "алт" се приказује у случају да није било могуће да поставите слику.

Постоји неколико специфичних атрибута који су присутни у већини тагова. Ова "аццесскеи", "класа", "ид" и "стил". "Аццесскеи" дефинише комбинацију тастера, кроз који приступ објекту. "Класа" и "ИД" - параметри у вези са ЦСС. Они описују класу којој припада слици (или његовог идентификатора). "Стил" - текст атрибут, што вам омогућава да подесите уграђен слике ЦСС стилу.

Један од параметара који дефинишу изглед слике је "граница". Он одређује дебљина границе око објекта и може се поставити на било који позитиван цео број (у пикселима).

Следећи атрибут - "алигн". Он описује ток текста око слике. Ова опција може бити подешен на "дно", "средњи", "лево", "право" и "врх". Сваки од вредности одређује где да поставите слику на тексту. На пример, вредност "средње" средњег слика је усклађен са доње границе текста, док је "лево" - објекат ће бити са леве стране текста. Али, то је само један од начина да подесите ток текста око слике - ХТМЛ.

Постоји још једна моћна алатка - ЦСС (много више свестран). Може се користити много ефикасније поставити ознаку атрибуте, укључујући ток текста око слике. ЦСС омогућава да дефинишете параметре, не само одређени објекат, и све оне попут њега. На пример, ако желите да одредите увлачење свих слика у документу је десет пиксела, што је довољно да се повеже са ит ЦСС-фајл са једним бодом: "ИМГ {фонт-сизе: 10пк 10пк 10пк 10пк;}" (у пракси, нису потребни цитати!).

Проток текста око слика, на пример, на левој ивици се дефинише као: "имг {алигн: лефт;}".

Узгред, додати ЦСС-код не мора да се пише у датотеци. За овај таг "стил" је обезбеђен у ХТМЛ, којима можете уметнути ЦСС-код. Али то ће радити само за документа (ако желите да додате исти код у више ХТМЛ фајлова, требало би да направите посебан стила).

Сада можете "разблажити" слике на сајту, користећи корисне особине тага, која је одговорна за то. Слободно употребите Ресизе или завршити текст слике. Веб странице без графике компоненти - веома тужан призор, зар не?