Novice վեբ դիզայներները: Ինչպես կատարել տեքստային հոսքի շուրջ պատկերների

Այս հոդվածում, մենք կտեղեկացնենք Ձեզ, առանձնահատկությունների մասին HTML եւ CSS, որոնք կապված են պատկերների. Դուք կարող եք իմանալ, թե ինչպես պետք է տեղադրեք դրանք HTML փաստաթղթի. Հոդվածում նաեւ պարունակում է տեղեկատվություն մասին, թե ինչպես պետք է փոխել նկարի պարամետրերը, եւ կազմակերպել տեքստային հոսքի շուրջ պատկերով:

Առաջին - Ինչպես տեղադրել պատկերը. Համար, այս կա այն կտրոնը, «img", որն ունի մի քանի հատկանիշներ. Հիմնական նրանցից "src»: Ի դրան պահում հասցեն, որից դիտարկիչը կարող տեղադրել մի նկար: Դուք կարող եք նշեք այն ուղին է պատկերի արդեն պահվում է համակարգչում, կամ տալիս է հղում վեբ ռեսուրս:

Ոչ պակաս կարեւոր հատկանիշներ զույգ - «լայնությունը» (լայնությունը) եւ «բարձրությունը» (բարձրություն): Նրանք օգտագործվում են ձեռքով չափափոխել պատկերները (օգտակար տարբերակ է ձգվում եւ compressing նկարներ):

Հաջորդած պարամետրեր «hspace» եւ «vspace» (հեռավորությունը պատկերի վրա շրջակա տեքստի): Ակնհայտ է, որ «hspace», - հորիզոնական լիցք եւ «vspace», - ուղղահայաց.

Մենք թեգը ունի հատկանիշներ, ինչպիսիք են "alt» եւ «կոչման»: Նրանք նման են միմյանց, քանի որ դրանց նպատակն է նկարագրել պատկերը. Բայց ի «վերնագրում« նախատեսված տեքստը, որը ցուցադրվում է, երբ դուք սավառնել մկնիկը է պատկերի, եւ բառացի արժեքը "alt" հատկանիշի դրսեւորվում է այն դեպքում, երբ դա հնարավոր չէր վերբեռնել պատկեր.

Կան մի քանի կոնկրետ հատկանիշներ, որոնք առկա մեծամասնության թեգերը. Այս «Accesskey», «դասը», - "ID" եւ "ոճը»: «Accesskey» սահմանում է մի համադրություն բանալիների, որի միջոցով մուտք դեպի օբյեկտի. «Class» եւ «id" - պարամետրերի հետ կապված CSS. Նրանք նկարագրել դասարանին, որը պատկանում է պատկերված (կամ դրա նույնարկիչներով). «Style» - ի հատկանիշը տեքստը, որը թույլ է տալիս Ձեզ սահմանել ներկառուցված պատկերի CSS ոճը.

Մեկը պարամետրերի, որը սահմանում է տեսքը պատկերով է «սահման»: Այն սահմանում է հաստությունը սահմանի շուրջ օբյեկտի եւ կարող է սահմանվել ցանկացած դրական integer (պիքսել):

Հաջորդ հատկանիշը - "align»: Նա նկարագրում է տեքստային հոսքի շուրջ պատկերով: Այս տարբերակը կարող է սահմանվել է «ներքեւից», «միջին», «ձախ», «իրավունք» եւ «վերեւ»: Յուրաքանչյուր արժեքների որոշում է, որտեղ պետք է տեղադրել պատկերը տեքստի. Օրինակ, մի արժեք է «միջին» միջին պատկերը համապատասխանում է ստորին սահմանը տեքստը, իսկ «ձախ», - օբյեկտ կլինի դեպի ձախ է տեքստը: Բայց սա միայն մեկ ճանապարհ է սահմանել տեքստային հոսքի շուրջ պատկերով - HTML:

Կա եւս մեկ հզոր գործիք - CSS (շատ ավելի բազմակողմանի): Այն կարող է օգտագործվել շատ ավելի արդյունավետ սահմանել թեգով հատկանիշներ, այդ թվում, տեքստային հոսքի շուրջ պատկերով: CSS թույլ է տալիս Ձեզ սահմանել պարամետրերի, ոչ միայն կոնկրետ օբյեկտը, եւ բոլոր նրանց, ովքեր նրա նման. Օրինակ, եթե դուք ուզում եք նշեք ատամիկ բոլոր պատկերները փաստաթղթի տասը փիքսել, դա բավարար է միացնել CSS ֆայլ դրա հետ մեկ stitch. "Img {margin: 10px 10px 10px 10px;}» (գործնականում, մեջբերում չեն պահանջվում):

A տեքստային հոսքի շուրջ պատկերների, օրինակ, ձախ եզրին սահմանվում է որպես «img {align: Ձախ;}»:

Ի դեպ, պետք է ավելացնել CSS կոդ չունի գրել այն է ֆայլը. Համար, այս հատկորոշիչը «ոճը» տրամադրվում է HTML, որը դուք կարող եք տեղադրել CSS-կոդ: Բայց դա կլինի միայն աշխատելու համար փաստաթղթի (եթե ուզում եք ավելացնել նույն կոդը Բազմաթիվ HTML ֆայլեր, դուք պետք է ստեղծել մի առանձին ոճը թերթիկ):

Այժմ դուք կարող եք «ջրիկացած» պատկերները կայքում, օգտագործելով շահավետ հատկությունների թեգով, որը պատասխանատու է այս. Ազատ զգալ օգտագործել resize կամ փաթեթավորեք տեքստային նկարներ: Վեբ էջերը առանց գրաֆիկական բաղադրիչների - բավական տխուր տեսարան է, չէ?