அதன் படத்துடன் கூடிய வலை தலைப்பை சேர்க்கவும்

9 எளிய படிகளில் இணையப் படங்களுக்கு HTML தலைப்புகள் சேர்க்கவும்

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

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

ஒரு படத்திற்கு தலைப்பைச் சேர்க்கவும், எங்கு வேண்டுமானாலும் அவற்றை ஒன்றாக நகர்த்தவும்:

1. உங்கள் வலைப்பக்கத்தில் ஒரு படத்தைச் சேர்க்கவும் .
2. உங்கள் வலைப்பக்கத்திற்கான HTML இல்,
3. style = "" >
4. width: image width px; ">
5. சுற்றியுள்ள உரைக்கு சற்று சிறியதாக இருக்கும் தலைப்புகள், div பாணிக்கு எழுத்துரு-அளவு சொத்து சேர்க்க:
   எழுத்துரு-அளவு: 80%; ">
6. படத்தின் கீழே மையமாக இருந்தால் தலைப்புகள் அழகாக இருக்கும், எனவே பாணி பண்புக்கூறுக்கு text-align property ஐ சேர்க்கவும்:
   text-align: center; "> < img src = "URL" alt = "மாற்று உரை" width = "width" height = "height" />
7. கடைசியாக, திணிப்பு-கீழே உள்ள பாணி சொத்துடன் படத்தை ஒரு பாணியில் பண்புக்கூறு சேர்ப்பதன் மூலம் படத்திற்கும் தலைப்புக்கும் இடையில் ஒரு சிறிய கூடுதல் இடத்தை சேர்க்கவும்:
   style =" padding-bottom: 0.5em; " />

1. இது எனது தலைப்பு ஆகும்

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

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

• அகலங்கள் : CSS அளவுகள் பல அளவீடுகளில் இருக்கலாம், எனவே நீங்கள் வழக்கமாக அளவீட்டை வகை சேர்க்க வேண்டும். உதாரணமாக: அகலம்: 100 px ; எவ்வாறாயினும், HTML பட அளவுகள் எப்போதும் பிக்சல்களாகும், எனவே நீங்கள் அளவீட்டை அணைக்கிறீர்கள். அகலம் = "100"
• படத்தின் அகலத்தை விட பரந்த அகலத்தின் அகலத்தை நீங்கள் செய்தால், அந்த படம் படத்தின் அருகே தோன்றும். இது உங்களுக்குத் தேவைப்பட்டால், தலைப்பைக் காட்டிலும் நேரடியாக குறிச்சொல் குறியீட்டிற்கு பின் ஒரு
  குறிச்சொல்லைச் சேர்க்கவும்.