Novice желе дизайнер: Сүрөттөрдү айланасында текст агымын үчүн кандай

Бул макалада биз сүрөттөрү менен байланышкан HTML жана CSS өзгөчөлүктөрү, жөнүндө айтып берет. Сиз HTML-документтин аларды киргизүүгө кандайча жардам берерин карап чыгабыз. Ошондой эле сүрөт орнотууларды өзгөртүү жана сүрөт жүзүндөгү текст агымын уюштурууга кантип жөнүндө маалыматтарды камтыйт.

Биринчиси - кандай сүрөтүн коюу. Анткени бул жерде теги "IMG", бир нече сыпаттары бар. Алардын негизги - "СИБ". Анда серепчи сүрөттү кыстарып турган дарегин сактайт. Сиз буга чейин эле отуруп сакталган бир сүрөттөлүш жолун көрсөтүү, же интернет ресурсу шилтеме бере алат.

бир жуп анча маанилүү эмес касиеттери бири - ", туурасы" (туурасы) жана "бийиктик" (бийиктик). Алар кол менен сүрөттөрдү (сүрөттөлүштөрдү жайган жана кысылуу пайдалуу параметр) өлчөмүн колдонулат.

Ээрчип параметрлер "hspace" жана "vspace" (курчаган текст Картинки Расстояние). Ооба, "hspace", - горизонталдык билмейинче жана "vspace" - тигинен.

Биз теги, мисалы, "Alt" жана "аталышында" деп сыпаттары бар. Алардын максаты образын сүрөттөө үчүн болгондуктан, алар бири-бирине окшош. Ал эми айкелдин үстүнө курсорду билдирет "аталышы" белгиленген текст жана "Alt" сыпаты менен түзмө-түз мааниси бул сүрөт жүктөп берүү үчүн мүмкүн эмес болгон учурда пайда болот.

тэг көпчүлүк катышкан бир нече белгилүү касиеттери бар. Бул "Accesskey", "тап", "Тил" жана "стили". "Accesskey" аныктайт , баскычтардын айкалышын объектисине мүмкүнчүлүгү аркылуу. "Класс" жана "ID" - CSS менен байланышкан көрсөткүчтөр. Сүрөттөн (же аныктагычынын) таандык классты сүрөттөө. "Style" - Эгер сиз камтылган сүрөт CSS-стилди коюуга уруксат бар атрибуттуу текст.

Сүрөттүн көрүнүшүн аныктоочу параметрлеринин бири "чек ара" болуп саналат. Бул объектинин тегерегинде чек дыгын аныктайт жана ар кандай оң санды да (пиксел менен) белгилениши мүмкүн.

кийинки өзгөчөлүгү - "тегиздөө". Ал буркандын тегерегиндеги текст агымын сүрөттөйт. Бул параметр "төмөнкү", "орто", "сол", "укуктуу" жана "жогорку" деп койсо болот. баалуулуктардын ар бир текст сүрөттөлүштү жерге жайгаштырууну аныктайт. объект тексттин, солго да болот - Мисалы, "сол", ал эми "орто" орто Сүрөттүн балл, тексттин төмөнкү чек ашууда. Бирок бул сүрөттүн тегерегиндеги текст агымын жөндөө үчүн бир гана жол бар - HTML.

дагы бир күчтүү каражат бар - CSS (көп тараптуу). Бул айкелдин тегерегинде текст агымы, анын ичинде кыйла натыйжалуу теги сыпаттарын коюп, колдонсо болот. CSS сиз параметри бар, бир гана эмес, белгилүү бир объектини, ага окшоп, баарына аныктоого мүмкүндүк берет. Мисалы, документте сүрөттөрдүн баарын Сизде көрсөтүү келсе, он пиксел, ал CSS-делосуна ал бир саптан туташуу үчүн жетиштүү болуп саналат: "IMG {margin: 10px 10px 10px 10px;}" (иш жүзүндө, Гезит кереги жок!).

Текст, мисалы, сүрөттөрү тегерегинде агымы, сол четине катары аныкталат: "Img {тегиздөө: сол;}".

Баса, CSS-коду делосуна аны жазууга ээ эмес толукталсын. Бул теги "стили" Анткени сен CSS-кодду кыстара аласыз HTML, берилет. Бирок, бир гана документ үчүн иштейт (бир нече HTML-папкалардын эле кодун кошуп келсе, өзүнчө стилдер жадыбалы түзүү зарыл) болот.

Азыр болсо, сиз бул үчүн жооптуу материалдар, анын пайдалуу касиеттерин пайдалануу менен, сайттын сүрөттөрдү "таарынды" болот. өлчөмдү пайдалануу же текст сүрөттөрдү аяктоону болот. сүрөттөр компоненттеринин жок Желе барактар - абдан өкүнүчтүү көрүнүш, туурабы?