HTML பட வரைபடங்கள்

'உறுப்பு மற்றும் பின்வரும் CSS பண்புகளைப் பயன்படுத்தவும்:

.பட-வரைபடம் {

அகலம் : 700px;

விளிம்பு: கார்;

}

குறிப்பிடப்பட்ட CSS பண்புகளின் விளக்கம் இங்கே:

• ' அகலம் 'பண்பு, DIV உறுப்புகளின் அகலத்தை அமைக்கிறது.
• ' விளிம்பு 'சொத்து உறுப்பைச் சுற்றி அதிக இடத்தை சேர்க்கிறது.

உடை 'img' உறுப்பு

.பட-வரைபடம் img {

அகலம் : 100 %;

}

பார்க்கவும், பகுதி ஒருங்கிணைப்புகள் குறிப்பிடப்பட்டுள்ளன ' ஒருங்கிணைப்புகள் ” பண்புக்கூறு இப்போது கிளிக் செய்யக்கூடியது:

அடுத்த பகுதியில், பட வரைபடத்தை வேறொரு மூலத்துடன் இணைப்பது எப்படி என்பதைக் கற்றுக்கொள்வோம்.

மற்ற பக்கத்துடன் இணைக்கப்பட்ட பட வரைபடத்தை உருவாக்குவது எப்படி?

' என்ற நீட்டிப்புடன் மற்றொரு HTML பக்கத்தை உருவாக்கவும் .html ” கீழே குறிப்பிடப்பட்டுள்ள படிகளைப் பின்பற்றுவதன் மூலம்:

• எங்கள் விஷயத்தில், நாங்கள் அதற்கு பெயர் கொடுக்கிறோம் ' laptop.html ”.
• ஒரு div உறுப்பைச் சேர்த்து அதற்கு ஒரு வகுப்பை ஒதுக்கவும் ' மடிக்கணினி-img ”.
• பின்னர், '' ஐப் பயன்படுத்தி ஒரு படத்தை வைக்கவும் 'உறுப்பு மற்றும் தொடர்புடையது' src 'மற்றும்' அகலம் ” பண்புக்கூறுகள்.
• அடுத்து, '' ஐப் பயன்படுத்தி ஒரு பத்தியைக் குறிப்பிடவும்

  ”உறுப்பு:

< div வர்க்கம் = 'லேப்டாப்-இஎம்ஜி' >

< img src = '/images/laptop.jpg' அகலம் = '400px' >

< ப > மடிக்கணினி என்பது ஒரு கையடக்க கணினி ஆகும், அதை நகர்த்தலாம் மற்றும் பல்வேறு அமைப்புகளில் பயன்படுத்தலாம்.< / ப >

< / div >

CSS இல், பின்வரும் CSS பண்புகளை ' மடிக்கணினி-img ' வர்க்கம்:

.laptop-img {

அகலம் : 500px;

விளிம்பு: கார்;

}

வெளியீடு

இப்போது, ​​''ஐ இணைப்போம் laptop.html 'பக்கம் ஒரு படத்திற்கு' <பகுதி> ” முதல் பக்கத்தின் உறுப்பு. அவ்வாறு செய்ய, பக்கத்தின் URL ஐக் குறிப்பிடவும் href கீழே காட்டப்பட்டுள்ளபடி ' ' உறுப்பின் 'பண்பு:

< பகுதி வடிவம் = 'சரியான' ஒருங்கிணைப்புகள் = '310,57,590,470' href = 'laptop.html' >

வெளியீடு

பட வரைபடங்கள் என்றால் என்ன, மற்ற ஆதாரங்களுடன் அவை எவ்வாறு இணைக்கப்பட்டுள்ளன என்பதை நாங்கள் வெற்றிகரமாகக் கற்றுக்கொண்டோம்.

முடிவுரை

HTML' <வரைபடம்> 'உறுப்பு ஒரு பட வரைபடம் அல்லது கிளிக் செய்யக்கூடிய பகுதிகளுடன் ஒரு படத்தை உருவாக்க பயன்படுத்தப்படுகிறது. படத்தின் கிளிக் செய்யக்கூடிய பகுதிகளை வரையறுக்க, ஒன்று அல்லது அதற்கு மேற்பட்டவை ' <பகுதி> '