Ինչպես նկար տեղադրել HTML- ում

Բովանդակություն:

Ինչպես նկար տեղադրել HTML- ում
Ինչպես նկար տեղադրել HTML- ում

Video: Ինչպես նկար տեղադրել HTML- ում

Video: Ինչպես նկար տեղադրել HTML- ում
Video: Ստեղծել նոր index.html file և մեջը տեղադրել որևէ նկար 2024, Մայիս
Anonim

Պատկերազարդման ժամանակ ինտերնետային էջի տեքստը շատ ավելի ընթեռնելի է: HTML- ն այս նպատակի համար վերապահում է img պիտակը: Օգտագործելով այն այլ պիտակների հետ միասին, դուք կարող եք նկարը դարձնել ակտիվ հղում, ներառյալ նույն պատկերի ավելի մեծ տարբերակը:

Ինչպես նկար տեղադրել HTML- ում
Ինչպես նկար տեղադրել HTML- ում

Հրահանգներ

Քայլ 1

Եթե պատկերի ֆայլը և HTML ֆայլը տեղակայված են նույն թղթապանակում, նկարը տեղադրելու համար օգտագործեք հետևյալ HTML կոդը ՝ որտեղ imagename.jpg

Քայլ 2

Եթե պատկերի ֆայլը տեղակայված է նույն սերվերում, բայց այլ պանակում, ապա փոխեք այս կառուցվածքը հետևյալ կերպ.

Քայլ 3

Serգուշորեն տեղադրեք այլ սերվերներում պահված պատկերներ. Այնտեղ կարող է պաշտպանվել ջրահեռացման դեմ պաշտպանությունը, ապա ցանկալի պատկերի փոխարեն ձեր էջի այցելուը նախազգուշացում կտեսնի այդպիսի պաշտպանության մասին: Եթե այդպիսի պաշտպանություն չկա, և երրորդ կողմի սերվերի սեփականատերը չի առարկում այնտեղ պահված պատկերները այլ մարդկանց էջերում տեղադրելու համար, օգտագործեք հետևյալ կոդի հատվածը, որտեղ https://server.domain/folder/anotherfolder/imagename.jpg- ը մեկ այլ սերվերի պատկերային ֆայլերի ամբողջական ուղին է:

Քայլ 4

Որպեսզի պատկերը միևնույն ժամանակ հղում լինի դեպի այլ էջ, օգտագործեք հետևյալ ծածկագիրը., Որտեղ հղման տեքստը հղման հասցեն է (տեղական կամ գլոբալ):

Քայլ 5

Վերջապես, որպեսզի, երբ օգտագործողը կտտացնում է նկարը, օգտվողը կարող է տեսնել դրա ընդլայնված օրինակը, փոխել նախորդ հատվածը հետևյալ կերպ. Որտեղ imagename-big.jpg

Խորհուրդ ենք տալիս: