Թե ինչպես կարելի է HTML Մտցրեք գրաֆիկական, ապա հետին պլանի պատկերը. Թե ինչպես կարելի է տեղադրել պատկերի մեջ HTML հետ համակարգչի մեջտեղում, որ աղյուսակը

Տեսողական մասը մեկն է առավել կարեւոր է, երբ աշխատում է կայքերից. Իհարկե, գործառույթն է զիջում, այլեւ նետել դուրս դրա հետ չպետք է լինի հաշիվ: Եկեք խոսենք այն մասին, թե ինչպես է համակարգչային վրա կայքում տեղադրել HTML պատկերը. Մեկ հնարավորություն դա նախատեսված է, կամ մի քանի. Թե ինչպես կարելի է HTML մտցրեք մի կերպար, որ այլ մարդիկ են տեսել այն: Ինչ լավ օգտագործման - համակարգչի կամ սերվերի.

Որն է HTML?

Նշարկման լեզու hypertext փաստաթղթերը, որ հապավումը կանգնեց համար. Դրա հետ ձեւավորված ողնաշարն ապագա կայքում, այստեղ է, որ աշխատել է տեղադրելով հիմնական տարրերը. Կանգնեցրին cascading ոճը թիթեղներ, եւ php ֆայլերը, որոնք պատասխանատու են տվյալների փոխանցման. Բայց, սրտում ցանկացած էջի պարզապես HTML: Դրա հետ, ի դեպ, որ պատկերը սահմանվել. Կան նաեւ այլ եղանակներ, բայց, եթե դուք ուզում եք տրամադրել նախնական մեղադրանքը բան պարզ, ինչպիսիք են նկարչություն, օգտագործել իր անունը: Իսկ հիմա եկեք տեղափոխել է հստակեցնել այն հարցը, թե HTML տեղադրեք պատկերը.

Օգտագործելով img tag

Ծանոթանանք օգտագործման գրաֆիկայի. Թե ինչպես կարելի է տեղադրել ֆոնային պատկեր է HTML փաստաթղթի. Եւ նախ եւ առաջ նշանակում է, որ ֆայլը որպես ներդիրի էջում օբյեկտի. For այստեղ դա ժամանակը եւ օգտագործվում է img. Այս հատկորոշիչը է line տարրերը, որի բովանդակությունն է displaceable. Այն ներառում է բոլոր չորս գերտեքստային նշման լեզվի. One - է ՊԵԿ-ը, բարձրությունը եւ լայնությունը, նրանք պետք է համարել ավելի: Երեք մյուսները այդ օբյեկտը, պառկեցնել (է տեղադրեք լրատվամիջոցների բովանդակությունը) եւ iframe (օգտագործումը flames): Պիտակ աշխատում, քանի որ եթե այն ունի տող: Միակ տարբերությունն այն օգտագործվում է չթույլատրված արտաքին բովանդակություն, որը ցուցադրվում. Եվ դա պետք է լինի մի կողմ է ֆայլը, որը, ըստ էության, կլինի բեռնված: Եթե դուք ունեք մի հարց, թե ինչպես պետք է տեղադրել մի հետին պլանի պատկերը է HTML, դա լավ է մերժել այն: Քանի որ դա կարող է դրսեւորվել միայն այն ժամանակ, երբ գործում է համակարգչի մեջ, որի վրա պատկերը գտնվում:

Օգտագործելով src հատկանիշը

Այնպես որ, մենք քննարկում ենք հարցը, թե ինչպես պետք է տեղադրեք HTML փաստաթուղթ է գրաֆիկական պատկերով: Է նշեք այն ուղին դեպի պատկերված, որը պետք է բեռնված, օգտագործելով src. Ընդհանուր սխեման հետեւյալն է, դուք պետք է օգտագործել այս հատկանիշը, հավասարության նշան եւ մուտքագրել հասցեն:

Մեկ անգամ վերլուծել HTML բրաուզեր գալիս է կտրոնը, ապա դա կլինի անմիջապես ստեղծել այնպիսի տարածք, որտեղ տողով կհայտնվի: Այն գտնվում է նրան, եւ պիտի բեռնել արտաքին ֆայլը. Ճանապարհը չպետք է պարունակել սխալներ, քանի որ դա նրա համար է գնալ այդ ծրագրին: Եւ եթե նա չի գտնում ֆայլը, դա ցույց է սխալ պատկերակը, որը ոչ շատ aesthetically հաճելի է եւ նայում: Թե ինչպես կարելի է տեղադրել մի կերպար մեջ սեղանի HTML փաստաթղթի. Դա անհրաժեշտ է գրանցվել բոլոր կոդը ճիշտ վայրում.

Կանոնավորող պատկերը սերվերի վրա: բարձրությունը եւ լայնությունը հատկորոշիչը img

Այնպես որ, մենք գիտենք, թե ինչպես պետք է HTML տեղադրեք պատկերը. Քննենք, թե ինչպես կարգավորել այն: Երբ ֆայլը ներբեռնվում է օգտագործողի սկսվում համակարգիչը, դա կլինի անմիջապես սահմանվում նկարը չափը: Իսկ եթե դա չի համապատասխանում նախնական պարամետրերի ցանկալի. Այս դեպքում, պարամետրերը կարող է օգնել բարձրությունը եւ լայնությունը (թվով պիքսել): Այս դեպքում է, որ կոդը կլինի նախատեսվել է հետեւյալ կերպ. Առաջին, ՊԵԿ-ը եւ հասցեն ֆայլը. Ապա նմանատիպ կառույցներին նշված լայնությունը, եւ այն, ինչ պետք է լինի լայնությունը: Իսկ վերջին բարձրությունը եւ բարձրությունը: Վեբ վարպետների համար հաճախ դարձնել սխալը, որ սերվերը վերբեռնել մեծ ֆայլեր, որոնց չափը կազմում է մի քանի մեգաբայթ: Սահմանվում ուղին, եւ adjusts պատկերը ցանկալի չափի. Որպես հետեւանք, օգտվողը կարող է խորհել, քանի որ բավական դանդաղ բեռնված մի փոքր պատկերը: Սա շատ հրապուրիչ տեսք է դրսից:

Առաջարկություններ աշխատանքի

Խուսափելու համար բացասական կանխավճար նվազեցնել պատկերի չափերը. Եթե Դուք չգիտեք, թե որ տարբերակներ, որոնք անհրաժեշտ են գրավիչ տեսքը, կատարել պատճենը եւ փորձի դրա հետ: Բացի այդ, խնամք պետք է ձեռնարկվեն, որպեսզի մոտենալ Քաշը կառավարում. Անհրաժեշտ է իրականացնել առանց որակի կորստի քաշի նվազեցման պատկերի ֆայլեր կողմից դարձի մյուս ընդարձակման կամ օգտագործելով հատուկ առցանց ծառայություններ եւ ծրագրեր: Այն հարմար է ոչ միայն օգտվողների համար կայքի, այլեւ webmaster - քանի որ այդ ֆայլերը կլինի բեռնված ավելի արագ եւ գրավել պակաս տարածության վրա հոստինգ.

Օրինակ, ձայնագրման կարողությունները

Եկեք նայենք, թե ինչպես Դուք կարող եք սահմանել ուղին դեպի պատկերով:

1. Մեկ ֆայլի անունը:

2. Նշում պատկերի հասցեն գտնվում է մեկ տեղական համակարգչի (սերվերի).

3. մանրամասն ուղին, գտնվելու վայրը, ֆայլի վրա տարբեր հյուրընկալող.

Երբ օգտագործելով օրինակը առաջին պարբերությունում պատկերով պետք է լինի նույն դիրեկտորիայի որպես պատկերով: Երկրորդը Որտեղից է Subfolder հարաբերական է ընթացիկ էջի. Երրորդ օրինակը սահմանում է բացարձակ ուղին, որտեղ պետք է գտնել պատկերը ցանկանում եք: Վերջինի դեպքում, նշում են, որ նկարը կարող են լինել ցանկացած սերվերի (եթե նման օգտագործումը չի արգելվում է .htaccess ֆայլում): Սակայն, եթե այն հեռացվում, եւ պատկերը Ձեր կայքում անհետանում. HTML մի առանձնահատկություն, որը պահանջում ներկայությունը միայն փաստաթղթի նշարկման, եւ մնացած ամեն ինչ կարելի է վերբեռնել է սերվերի կողմից: Այս մեթոդները հաճախ օգտագործվում է բարձրացնել ներբեռնման արագությունը (բայց հետո դուք պետք է իմանալ, թե ինչպես պետք է օգտագործել այս գործիքը):

Նշանակումը եւ ալտի կոչում img.

Ինչ անել, երբ մի պատկեր ֆայլ, ինչ - ինչ պատճառներով, չի բեռնված է փաստաթղթի HTML: Եթե դա սխալ է ձեր ճանապարհին, կամ ուրիշ բան, ալտ հատկանիշը պետք է օգտագործվի: Նա ունի խնդիրը ներկայացնելու այլընտրանքային կերպարը: Այստեղ մենք ենթադրում ենք, որ գրաֆիկա չեն բեռնված. Բայց բրաուզերը շարունակում է ձեւավորել տարածքը տակ պատկերով: Անհրաժեշտ է նաեւ այն դեպքերում, երբ օգտագործողը ակնկալում podgruzki, եւ դուք պետք է ցույց տալ նրան, որ այդ ծրագիրը պատրաստ է ընդունել ժամանակացույցը:

Է ցույց տալ ուղեկցող տեքստը, հատուկ հատկանիշի կոչում: Ի դեպ, սա գործիքահուշ, եւ դուք կարող եք օգտագործել այն գրեթե ցանկացած տեսողական HTML կոդի տարր. Սա լավ է, քանի որ այն թույլ է տալիս Ձեզ է բացատրել որոշ ասպեկտներ: Օգտագործելով երկու ցուցադրվում է այս ենթավերնագիր հատկանիշը հետեւյալն է: Վերը նշված օրինակում հետո առաջին բարձրությունը ավելանալ alt, ապա տիտղոսը:

Ընդ որում, այդ հատկանիշները կարող են ոչ միայն ծառայել է ստեղծել հարմարության համար այցելու. Նրանք կարող են ունենալ դրական ազդեցություն ունենալ խթանման կայքում. Այնպես որ, սա պետք է պահել իրենց օգտագործման հիմնաբառեր. Սա կլինի բարելավել վարկանիշը ռեսուրս է բարձրաստիճան կայքերի եւ ծառայությունների պատկերների որոնման. Բայց ի բոլոր դուք պետք է զգույշ լինել եւ խելացիություն:

հարթեցնել նկարներ

Պատկերների, եւ առհասարակ բոլոր 4 նշարկման լեզու տարրերից, որոնք նախկինում նշված, ներդրվել է հարթեցնել հատկանիշի: Դրա հետ, դուք կարող եք փոխել դիրքը պատկերներով. Ըստ նախնականի, որ միավորվել է ստորին եզրին: Որովհետեւ դա է ներքեւում. Եւ թե ինչպես պետք է անել, վերեւում. Սա պահանջում է վերեւ: Գործնականում սա նման կլինի այս հետո ՊԵԿ որտեղ հասցեն պատկերով ցույց է տալիս, ավելացնել հարթեցնել հատկանիշը եւ դրա արժեքը.

Եւ գծի, որտեղ կա մի նկար, ապա այն կարող է միավորվել վերին եզրին: Թե ինչպես կարելի է HTML տեղադրեք պատկերը կենտրոնում: Կա եւս մեկ հնարավորություն է գրել կեսին. Երբ, օգտագործելով այն չի փոխելու որեւէ բան: Երբ օգտագործելով այնպիսի կոդ օրինակին կլինի միավորվել է մեջտեղում: Դուք կարող եք նաեւ անել, որպեսզի փաթեթավորեք տեքստը շուրջ պատկերով: Որպեսզի դա անել, աջ եւ ձախ հատկանիշները կիրառել: դառնում է «լողացող» Նման դեպքերում պատկերը. Օֆսեթ ձախ նայում է նույնը, ինչպես այլ գրելաձեւին: Օգտագործելով իրավունք կտա նմանատիպ մի արդյունքի հետ տարբերությամբ, որ պատկերը կտեղադրվի աջ: Օգտագործումը այդ հրահանգների ունի իր նրբությունները: Այսպիսով, մի կարեւոր խնդիր է չափազանց մոտ գտնվելը տեքստը պատկերի: Քանի որ սա այն ստեղծված է մնում ազդեցություն, ինչը բավական տհաճ է աչքի. Բայց դա կարելի է շտկել, օգտագործելով Cascading Style թերթիկ կամ HTML կոդ: Օգտագործումը Նման փոփոխությունները vspace եւ hspace հատկանիշների. Առաջին սահմանում լիցք վերեւից եւ ներքեւից, իսկ երկրորդը `աջ ու ձախ:

Մենք անում ֆոն

Թե ինչպես կարելի է տեղադրել պատկերի մեջ HTML-էջանոց կայքը: Շատ օգտակար է իրականացնել դա վերագրել ֆոն. Դա մի բաղադրիչն է մարմնի անդամ: Դրա նպատակն է ցույց տալ ճանապարհը դեպի պատկերի ֆայլ, որը պետք է լրացնել էջը, մի սեղան կամ մի բջիջը: Գործնականում, օգտագործումը հետեւյալն է. Պատկերով Հասցեների ռեգիստրները պետք է արժեք bodybackground պարամետր. Ապա հետին պլանի պատկերը սահմանվում է այնպիսի եղանակով կրկնական երկայնքով axes եւ համակարգում եւ abscissas, սկսած վերին ձախ անկյունում: Նախորդ նավահանգիստը այստեղ հետեւում. Եթե դուք ուզում եք լրացնել ինչ - որ բան, ինչպես պարզ է որպես մեկ գույնի, փոխարեն օգտագործելով մի նկար, դուք կարող եք օգտագործել այս կարճ նկարագրությունը: մասշտաբները թիվն նշված է որպես պարամետր բնորոշ մարմնի Bgcolor: Այստեղ կային փոքր փոփոխություններ: Ինչպես դուք կարող եք տեսնել, դա արդեն օգտագործման Bgcolor հատկանիշի: Համար դա միայն պահանջվում է ճշտել, թե ինչ գույնի դա պետք է լցված մի էջի կամ դրա մի մասի: Ահա թե ինչպես պետք է տեղադրեք պատկերի մեջ HTML համակարգչից, որպեսզի այն ֆոնի վրա եւ փոխել գույնը: Ընդհանուր առմամբ, որպեսզի լիովին սովորելու HTML, բավարար ժամանակ տալ այն մի շաբաթ, եւ սա ավելի քան բավարար:

եզրափակում

The HTML, թեեւ այն չի կարող հավակնել լինել լիարժեք ծրագրավորման լեզու, սակայն, չափազանց արժեքավոր է, երբ ստեղծելով կայքը: Նա իսկական ոսկոր. Եվ մենք կարող ենք ասել, վստահությամբ, այժմ, որ դուք գիտեք, քանի որ մենք աշխատում ենք հետին պլան եւ ֆիքսված պատկերների, եւ կցել դրանք հղումներից: Այնպես որ, պատասխանը այն հարցին, թե ինչպես պետք է տեղադրել մի կերպար, HTML, պետք է լինի պարզ է.