4.1 a, href குறிச்சொற்கள்
உங்களிடமிருந்து ஒரு ஜாவா புரோகிராமரை நாங்கள் தயார் செய்கிறோம் என்பதை நாங்கள் இன்னும் மறக்கவில்லை, எனவே நீங்கள் 5 குறிச்சொற்களை மட்டுமே கற்றுக்கொள்ள வேண்டும்.
முதலாவதாக, உரையை ஹைபர்டெக்ஸ்டாக மாற்றும் மிக முக்கியமான குறிச்சொல் இதுவாகும் - இணைப்பு . HTML இல் இணைப்புகளை உருவாக்க, ஒரு குறிச்சொல் <a>(நங்கூரம், நங்கூரத்திலிருந்து) பயன்படுத்தப்படுகிறது.
இயல்புநிலை இணைப்பு இதுபோல் தெரிகிறது:
<a href="link-address">link text</a>நீலம் என்பது பயனர் பார்க்கும் உரை மற்றும் பச்சை என்பது இணைப்பின் உரையைக் கிளிக் செய்தால் அவர் செல்லும் முகவரி (இணைப்பு).
இணைப்புகளைக் கொண்ட ஒரு பொதுவான HTML ஆவணம் இப்படி இருக்கும்:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text...
</html>
இல்லை, இது பொதுவாக இப்படி இருக்கும்:
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>உலகம் முழுமையடையாது.
4.2 img குறிச்சொல் மற்றும் src பண்புக்கூறு
ஒரு படத்தை ஒரு HTML பக்கத்தில் செருக, ஒரு குறிச்சொல் <img>(படம் என்ற வார்த்தையிலிருந்து) பயன்படுத்தப்படுகிறது. இது ஒரு ஒற்றை குறிச்சொல், இது மூடும் குறிச்சொல்லைக் கொண்டிருக்கவில்லை. குறிச்சொல்லின் பொதுவான பார்வை:
<img src="image link">எல்லாம் மிகவும் எளிமையானது. உங்கள் HTML ஆவணத்தில் ஒரு படத்தைக் காட்ட, அந்தப் படத்தின் இணைப்பைத் தெரிந்து கொண்டு, ஐப் பயன்படுத்த வேண்டும் img. முயற்சி செய்யுங்கள், உங்களுக்குப் பிடிக்கும்.
4.3 அட்டவணை உறுப்பு
மேலும், ஒரு HTML பக்கம் தரவு கொண்ட அட்டவணையைக் கொண்டிருக்கலாம். ஆனால் இங்கே நீங்கள் இதைப் பற்றி நினைத்தால், ஒரு குறிச்சொல்லைப் பெற முடியாது. எல்லாவற்றிற்கும் மேலாக, ஒரு அட்டவணையில் தலைப்பு, வரிசைகள், நெடுவரிசைகள் மற்றும் கலங்கள் உள்ளன. அவர்கள் அனைவரும் தங்கள் சொந்த குறிச்சொற்களை கொண்டு வந்தனர்:
<table>- அட்டவணை தன்னை;<tr>( table r ow ) - வரிசை அட்டவணை;<th>( table h தலைப்பு ) - அட்டவணை தலைப்பு செல்;<td>( table data ) - அட்டவணை செல்.
3 பை 3 அட்டவணை எப்படி இருக்கும் html(கூடுதல் தலைப்பு வரிசையுடன்)
<table>
<tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
<tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
<tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
<tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>இப்போது அட்டவணைகள் அரிதாகவே பயன்படுத்தப்படுகின்றன என்றாலும். விஷயம் என்னவென்றால், தொலைபேசியிலிருந்து ஒரு பக்கத்தைப் பார்க்கும்போது, அட்டவணையை வேறு வழியில் காண்பிப்பது பயனுள்ளதாக இருக்கும் (இது வெறுமனே திரையில் பொருந்தாது). ஆனால் அட்டவணைகள் எவ்வாறு ஏற்பாடு செய்யப்பட்டுள்ளன என்பதை நீங்கள் இன்னும் தெரிந்து கொள்ள வேண்டும்.
4.4 ஐடி மற்றும் பெயர் பண்புக்கூறுகள்
மேலும் இரண்டு முக்கியமான புள்ளிகள் idமற்றும் பண்புக்கூறுகள் name. இவை பண்புக்கூறுகள், குறிச்சொற்கள் அல்ல, ஆனால் அவை அடிக்கடி பயன்படுத்தப்படுகின்றன.
idகுறிச்சொல் பண்புக்கூறு, முழு ஆவணத்திலும் தனித்துவமான பெயரைக் கொடுக்க உங்களை அனுமதிக்கிறது . கொடுக்கப்பட்ட குறிச்சொல்லின் மதிப்பு அல்லது அளவுருக்களை மாற்றும் சில ஜாவாஸ்கிரிப்ட் HTML ஆவணத்தில் இருந்தால் இது பயனுள்ளதாக இருக்கும். பின்னர், தனித்துவமான உதவியுடன், idநீங்கள் விரும்பிய குறிச்சொல்லை துல்லியமாக குறிப்பிடலாம்.
ஒரு பண்புக்கூறு nameஇதேபோன்ற செயல்பாட்டைச் செய்கிறது, ஆனால் அதன் மதிப்பு பக்கத்திற்குள் தனிப்பட்டதாக இருக்க வேண்டியதில்லை. அதாவது, கோட்பாட்டளவில், ஒரே பெயர்களுடன் பல குறிச்சொற்கள் இருக்கலாம். உறுப்புகளின் குழுக்களுடன் வேலை செய்வதை எளிதாக்க இது செய்யப்படுகிறது.
எடுத்துக்காட்டாக, ஒரு பக்கத்தில் பல பட்டியல்கள் உள்ளன, ஒவ்வொன்றிலும் நீங்கள் ஒரு உருப்படியை மட்டுமே தேர்ந்தெடுக்க முடியும். பின்னர், பட்டியலில் ஒரு புதிய உறுப்பைத் தேர்ந்தெடுக்கும்போது, பட்டியலில் மீதமுள்ள உறுப்புகளின் தேர்வை மீட்டமைக்க வேண்டும். ஆனால் மற்ற பட்டியல்களைத் தொடாதே. ஒரே பட்டியலில் உள்ள அனைத்து கூறுகளும் ஒரே பெயரைக் கொண்டிருந்தால் இதை எளிதாகச் செய்யலாம்.
எந்த குறிச்சொல்லும் பண்புக்கூறுகள் idமற்றும் name. உதாரணமாக:
<img id="image123" name="avatar" src="link to picture">