உங்கள் படங்கள் படத்துடன் இருக்கும் தலைப்பைச் சேர்க்கவும்

படங்கள் உங்கள் வலை பக்கங்களுக்கு வாழ்க்கை சேர்க்க மற்றும் பார்வையாளர்களின் கவனத்தை ஈர்க்கின்றன. தலைப்புகள் உங்கள் இணையப் படங்களைப் பற்றிய கூடுதல் தகவலை அளிக்கின்றன, ஆனால் மேம்பட்ட HTML மற்றும் CSS திறன்களைப் பெறாமல் இணைய பக்கங்களுக்குச் சேர்க்க அவை கடினமாக இருக்கலாம். இங்கே நீங்கள் வலைப்பக்கத்தில் நகர்த்தும் படத்துடன் இருக்கும் ஒரு படத்திற்கு எளிய, இன்னும் கவர்ச்சிகரமான, தலைப்பை சேர்க்கும் நம்பகமான முறை இது.

ஒரு HTML பட தலைப்புக்கு படிகள்

1. உங்கள் வலைப்பக்கத்தில் ஒரு படத்தைச் சேர்க்கவும்.

2. உங்கள் வலைப்பக்கத்திற்கான HTML இல், படத்தை சுற்றி ஒரு டி டேக் வைக்கவும்:

   

3. DIV டேக் ஒரு பாணி பண்பு சேர்க்க:

   பாணி = "">

   

4. அகலம் பாணி சொத்துடன் பிம்பத்தின் அகலத்தை அகலத்தின் அகலத்தை அமைக்கவும்:

   

5. சுற்றியுள்ள உரைக்கு சற்றே சிறியதாக இருக்கும் தலைப்புகளுக்கு, DIV பாணியில் எழுத்துரு-அளவு சொத்து சேர்க்கவும்:

   

6. படத்தின் கீழே மையமாக இருந்தால் தலைப்புகள் அழகாக இருக்கும், எனவே பாணி பண்புக்கூறுக்கு உரை- align சொத்து சேர்க்கவும்:

   

7. கடைசியாக, படம் மற்றும் தலைப்புக்கு இடையே ஒரு சிறிய கூடுதல் இடைவெளி, திணிப்பு-அடி பாணி சொத்துடன் படத்தை ஒரு பாணியில் சேர்க்கும் பண்பு:

   பாணி = "திணிப்பு-கீழ்: 0.5em;" />

8. பின்னர் படத்தை கீழே நேரடியாக உரை தலைப்பைச் சேர்க்கவும்:

உங்கள் சேவையகத்தில் வலைப்பக்கத்தை பதிவேற்றி உலாவியில் சோதிக்கவும்.

குறிப்புகள் குறிப்புகள்

• CSS அளவுகள் பல அளவீடுகளில் இருக்கலாம், எனவே நீங்கள் வழக்கமாக அளவீட்டை வகை சேர்க்க வேண்டும். உதாரணத்திற்கு:

  அகலம்: 100படப்புள்ளிகளுக்குள்; எவ்வாறாயினும், HTML பட அளவுகள் எப்போதும் பிக்சல்களாகும், எனவே நீங்கள் அளவீட்டை அணைக்கிறீர்கள்.

  அகலம் = "100"

• படத்தின் அகலத்தை விட பரந்த அகலத்தின் அகலத்தை நீங்கள் செய்தால், அந்த படம் படத்தின் அருகே தோன்றும். இது உனக்குத் தேவை என்றால், பின் ஒரு சேர்க்கவும்
  தலைப்பை நேரடியாக குறிப்பதற்கும், படத்தின் குறிப்பிற்குப் பின்னும் குறியிடவும்.