HTML இல் ஒரு படத்திற்கு இணைப்பைச் சேர்க்கவும்

நூலாசிரியர்: Christy White
உருவாக்கிய தேதி: 12 மே 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
HTML இல் ஒரு படத்தை இணைப்பாக எவ்வாறு பயன்படுத்துவது
காணொளி: HTML இல் ஒரு படத்தை இணைப்பாக எவ்வாறு பயன்படுத்துவது

உள்ளடக்கம்

HTML குறியீட்டின் ஒற்றை வரியுடன், நீங்கள் எந்த வலைத்தளத்திலும் கிளிக் செய்யக்கூடிய படத்தை சேர்க்கலாம். இந்த வேலையை நீங்கள் செய்ய இரண்டு விஷயங்கள் தேவை. படத்திற்கான ஒரு URL மற்றும் ஒரு வலைத்தளத்தின் URL தேவை.

அடியெடுத்து வைக்க

2 இன் முறை 1: HTML குறியீட்டை எழுதவும்

  1. ஒரு HTML கோப்பை உருவாக்கவும். உரை திருத்தியைத் திறந்து புதிய கோப்பை உருவாக்கவும். கோப்பை index.html ஆக சேமிக்கவும்.
      Windows நீங்கள் விரும்பும் எந்த உரை எடிட்டரையும் பயன்படுத்தலாம், விண்டோஸ் (நோட்பேட்) மற்றும் மேக் ஓஎஸ் எக்ஸ் (டெக்ஸ்ட் எடிட்) ஆகியவற்றின் எளிய உரை தொகுப்பாளர்கள் கூட.
      HTML HTML உடன் பணிபுரிய உரை எடிட்டரைப் பயன்படுத்த விரும்பினால், விண்டோஸ், மேக் ஓஎஸ் எக்ஸ் மற்றும் லினக்ஸிற்கான உரை எடிட்டரான ஆட்டம் பதிவிறக்க இங்கே கிளிக் செய்க.
      Text நீங்கள் TextEdit ஐப் பயன்படுத்துகிறீர்கள் என்றால், HTML கோப்பை உருவாக்கும் முன் வடிவமைப்பு மெனுவைக் கிளிக் செய்து, பின்னர் எளிய உரையை உருவாக்கு என்பதைக் கிளிக் செய்க. வலை உலாவியில் HTML கோப்பு சரியாக ஏற்றப்படுவதை இந்த அமைப்பு உறுதி செய்கிறது.
      Word மைக்ரோசாஃப்ட் வேர்ட் போன்ற சொல் செயலிகள் HTML ஐ எழுதுவதற்கு மிகவும் நல்லதல்ல, ஏனென்றால் அவை கண்ணுக்குத் தெரியாத எழுத்துக்கள் மற்றும் வடிவமைப்பைச் சேர்ப்பதால் அவை HTML கோப்பை சிதைத்து வலை உலாவியில் தவறாகக் காண்பிக்கப்படும்.
  2. நிலையான HTML குறியீட்டை நகலெடுத்து ஒட்டவும். கீழே உள்ள HTML குறியீட்டைத் தேர்ந்தெடுத்து நகலெடுத்து உங்கள் திறந்த index.html இல் ஒட்டவும்.

    a href = "target url"> img src = "image url" /> / a>

  3. உங்கள் படத்தின் URL ஐக் கண்டறியவும். வலையில் ஒரு படத்தைக் கண்டுபிடித்து, அதை வலது கிளிக் செய்து (உங்கள் உலாவியைப் பொறுத்து) பட URL ஐ நகலெடு, பட முகவரியை நகலெடு அல்லது பட இருப்பிடத்தை நகலெடு என்பதைக் கிளிக் செய்க.
      • ஃபயர்பாக்ஸ் மற்றும் இன்டர்நெட் எக்ஸ்ப்ளோரர் பயன்பாடு பட இருப்பிடத்தை நகலெடுக்கவும். Chrome நகல் பட URL ஐப் பயன்படுத்துகிறது. சஃபாரி நகல் பட முகவரியைப் பயன்படுத்துகிறது.
  4. படத்தின் URL ஐச் சேர்க்கவும். Index.html கோப்பில், உங்கள் சுட்டியைக் கொண்டு படத்தின் URL ஐத் தேர்ந்தெடுக்க கிளிக் செய்து இழுக்கவும், பின்னர் URL ஐ ஒட்ட CTRL + V ஐ அழுத்தவும்.
  5. இலக்கு URL ஐச் சேர்க்கவும். Index.html இல் இலக்கு url ஐ நீக்கி தட்டச்சு செய்க https://www.startpage.com.
      URL ஐ நீங்கள் எந்த URL ஐ இலக்கு URL ஆக பயன்படுத்தலாம்.
  6. HTML கோப்பை சேமிக்கவும்.
  7. வலை உலாவியில் HTML கோப்பைத் திறக்கவும். Index.html இல் வலது கிளிக் செய்து, இந்த கோப்பை உங்களுக்கு விருப்பமான வலை உலாவியில் திறக்கவும்.
      The உலாவி திறந்தாலும், நீங்கள் படத்தைப் பார்க்கவில்லை என்றால், படக் கோப்பு பெயரை index.html கோப்பில் சரியாக உச்சரித்திருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.
      The உலாவி திறக்கும் போது, ​​ஆனால் பின்னணி படத்திற்கு பதிலாக HTML குறியீட்டை நீங்கள் காண்கிறீர்கள், உங்கள் index.html .rtf கோப்பாக (பணக்கார உரை கோப்பு) சேமிக்கப்படுகிறது. HTML கோப்பை மற்றொரு உரை திருத்தியில் திருத்த முயற்சிக்கவும்.

முறை 2 இன் 2: HTML குறியீட்டைப் புரிந்து கொள்ளுங்கள்

  1. நங்கூரம் குறிச்சொல்லைப் புரிந்து கொள்ளுங்கள். HTML குறியீடு குறிச்சொற்களைத் திறந்து மூடுவதைக் கொண்டுள்ளது. ஒரு href = ""> குறிச்சொல் தொடக்க குறிச்சொல், மற்றும் / a> என்பது இறுதி குறிச்சொல். இது ஒரு நங்கூரம் குறிச்சொல் என்று அழைக்கப்படுகிறது மற்றும் இது ஒரு வலைப்பக்கத்திற்கு இணைப்புகளைச் சேர்க்கப் பயன்படுகிறது.
    • தி a ஒரு இணைப்பை உருவாக்க உலாவிக்கு சொல்கிறது. தி href HTML குறிப்புக்கான சுருக்கமாகும், தி = இடையில் எல்லாவற்றையும் மாற்ற உலாவிக்கு சொல்கிறது ’ ’ ஒரு இணைப்பை உருவாக்கவும். எந்த URL ஐ இரண்டு மேற்கோள் குறிகளுக்கு இடையில் வைக்கலாம்.
    • தி </ a> நங்கூரம் குறிச்சொல் மூடப்பட்டிருப்பதாக உலாவிக்கு சொல்கிறது.
    • இடையில் உரையைச் சேர்க்கும்போது a href = ""> மற்றும் </ a> அந்த உரை வலைப்பக்கத்தில் கிளிக் செய்யக்கூடிய இணைப்பாக மாறும். உதாரணமாக: a href = "https://www.google.com"> கூகிள் </ a> Google க்கு ஒரு இணைப்பை உருவாக்குகிறது.
  2. படக் குறியைப் புரிந்து கொள்ளுங்கள். Img> குறிச்சொல் ஒரு மூடிய குறிச்சொல். நீங்கள் அதை img src = "" /> அல்லது img src = ""> / img> உடன் மூடலாம்.
    • தி img குறிச்சொல் ஒரு உலாவியை ஒரு படத்தைக் காட்டச் சொல்கிறது. தி src மூலத்திற்கான சுருக்கமாகும், டி = இடையில் உள்ள அனைத்தையும் நீக்க உலாவிக்கு சொல்கிறது ’ ’ அந்த இடத்திலிருந்து படத்தை மீட்டெடுக்கவும்.
    • தி /> பட குறிச்சொல்லை மூட உலாவிக்கு சொல்கிறது.
    • எடுத்துக்காட்டாக: URL samp [URL அந்த URL இலிருந்து படத்தைப் பெறுகிறது, பின்னர் அதை இணைய உலாவியில் காண்பிக்கும்.
  3. இந்த குறியீட்டை எல்லா இடங்களிலும் பயன்படுத்தவும். இப்போது இந்த குறியீட்டை நீங்கள் அறிந்திருக்கிறீர்கள், உங்களால் முடியும் a href = "target url"> img src = "image url" /> / a> HTML குறியீட்டைக் கொண்ட எந்த வலைப்பக்கத்திலும் கிளிக் செய்யக்கூடிய படங்களைச் சேர்ப்பதற்கு.