HTML- ով պատկերի հղում ավելացրեք

Հեղինակ: Christy White
Ստեղծման Ամսաթիվը: 12 Մայիս 2021
Թարմացման Ամսաթիվը: 1 Հուլիս 2024
Anonim
Google Ձևաթղթերի ամբողջական ուղեցույց - առցանց հետազոտություն և տվյալների հավաքագրման գործիք:
Տեսանյութ: Google Ձևաթղթերի ամբողջական ուղեցույց - առցանց հետազոտություն և տվյալների հավաքագրման գործիք:

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

HTML կոդի մեկ տողով դուք կարող եք սեղմել պատկեր ավելացնել գրեթե ցանկացած կայքում: Երկու բան կա, որ ձեզ հարկավոր է այս աշխատանքը կատարելու համար: Պատկերի համար անհրաժեշտ է URL, ինչպես նաև կայքի URL:

Քայլել

2-ի մեթոդը 1. Գրիր HTML կոդը

  1. Ստեղծեք HTML ֆայլ: Բացեք տեքստի խմբագիր, ապա ստեղծեք նոր ֆայլ: Պահեք ֆայլը որպես index.html:
      • Կարող եք օգտագործել ցանկացած ցանկալի տեքստի խմբագիր, նույնիսկ Windows (Notepad) և Mac OS X (TextEdit) պարզ տեքստային խմբագրիչները:
      • Եթե ցանկանում եք օգտագործել HTML- ի հետ աշխատելու համար նախատեսված տեքստի խմբագիր, կտտացրեք այստեղ ՝ Atom- ը ներբեռնելու համար, Windows- ի, Mac OS X- ի և Linux- ի համար տեքստի խմբագիր:
      • Եթե օգտագործում եք TextEdit, նախքան HTML ֆայլը ստեղծելը, կտտացրեք Ձևաչափի ընտրացանկին, ապա կտտացրեք Կատարել պարզ տեքստ: Այս պարամետրը ապահովում է, որ HTML ֆայլը ճիշտ բեռնվի վեբ զննարկչում:
      • Microsoft Word- ի նման բառ մշակողները իսկապես լավ չեն HTML գրելու համար, քանի որ դրանք ավելացնում են անտեսանելի նիշեր և ձևաչափումներ, որոնք կարող են փչացնել HTML ֆայլը և այն սխալ կերպով ցուցադրել վեբ զննարկիչում:
  2. Պատճենեք և տեղադրեք ստանդարտ HTML կոդը: Ստորև ընտրեք և պատճենեք HTML կոդը և տեղադրեք այն ձեր բացված ցուցակում: html:

    a href = "target url"> img src = "պատկերի url" /> / a>

  3. Գտեք ձեր պատկերի URL- ը: Findանցում գտեք պատկեր, սեղմեք այն աջով և սեղմեք այն (կախված ձեր դիտարկիչից) կտտացրեք Պատճենել պատկերի URL- ը, Պատճենել պատկերի հասցեն կամ Պատճենել պատկերի գտնվելու վայրը:
      • Firefox- ը և Internet Explorer- ը օգտագործում են Պատճենել պատկերի տեղադրությունը: Chrome- ն օգտագործում է Պատճենել պատկերի URL- ն: Safari- ն օգտագործում է Պատճենել պատկերի հասցեն:
  4. Ավելացրեք պատկերի URL- ն: Index.html ֆայլում կտտացրեք և քաշեք ՝ ձեր մկնիկով պատկերի URL- ն ընտրելու համար, ապա սեղմեք CTRL + V ՝ URL- ը տեղադրելու համար:
  5. Ավելացրեք նպատակային URL- ն: Index.html- ում ջնջեք նպատակային url- ը և մուտքագրեք https://www.startpage.com.
      • Որպես նպատակային URL կարող եք օգտագործել ցանկացած URL:
  6. Պահպանեք HTML ֆայլը:
  7. Բացեք HTML ֆայլը վեբ զննարկիչում: Աջ կտտացրեք index.html- ին և այնուհետև բացեք այս ֆայլը ձեր նախընտրած վեբ զննարկչում:
      • Եթե զննարկիչը բացվում է, բայց դուք չեք տեսնում նկարը, համոզվեք, որ պատկերի ֆայլի անունը ճիշտ եք գրել ինդեքս. Html ֆայլում:
      • Երբ զննարկիչը բացվում է, բայց ֆոնային պատկերի փոխարեն տեսնում եք HTML կոդ, ձեր index.html- ը պահվում է որպես .rtf ֆայլ (հարուստ տեքստային ֆայլ): Փորձեք HTML ֆայլը խմբագրել մեկ այլ տեքստի խմբագրում:

2-ի մեթոդը 2. Հասկանալ HTML կոդը

  1. Հասկացեք խարիսխի պիտակը: HTML կոդը բաղկացած է բացման և փակման պիտակներից: A href = ""> պիտակը մեկնարկի պիտակն է, և / a> - ը վերջնական պիտակը: Սա կոչվում է խարիսխ պիտակ և օգտագործվում է ինտերնետային էջին հղումներ ավելացնելու համար:
    • Ի ա զննարկիչին ասում է, որ ստեղծի հղում: Ի href HTML հղման հապավում է = զննարկիչին ասում է, որ փոխի ամեն ինչ միջև ’ ’ ստեղծել հղում: URLանկացած URL կարող է դրվել երկու չակերտների միջեւ:
    • Ի / ա> զննարկիչին ասում է, որ խարիսխի պիտակը փակ է:
    • Երբ դուք տեքստ եք ավելացնում միջեւ a href = ""> և / ա> այդ տեքստը դառնում է սեղմվող հղում ինտերնետային էջում: Օրինակ: a href = "https://www.google.com"> Google / a> հղում է ստեղծում դեպի Google:
  2. Հասկացեք պատկերի պիտակը: Img> թեգը փակ պիտակ է: Կարող եք այն փակել img src = "" /> կամ img src = ""> / img> - ով:
    • Ի img թեգը զննարկիչին ասում է, որ պատկեր ցուցադրի: Ի src աղբյուրի ՝ de, հապավումն է = զննարկիչին ասում է, որ ջնջի ամեն ինչ միջև ’ ’ և առբերեք պատկերը այդ վայրից:
    • Ի /> զննարկիչին ասում է, որ փակի պատկերի պիտակը:
    • Օրինակ ՝ {samp [} - ը պատկերն ստանում է այդ URL- ից, այնուհետև այն ցուցադրում է վեբ զննարկչում:
  3. Օգտագործեք այս կոդը ամենուր: Այժմ, երբ դուք գիտեք այս կոդը, կարող եք a href = "target url"> img src = "պատկերի url" /> / a> HTML կոդով ցանկացած ինտերնետային էջում սեղմվող պատկերներ ավելացնելու համար: