HTML மொழியில் பல கூறுகள் உள்ளன. இவை பொதுவாகப் பயன்படுத்தப்படும் இணையப் பாகங்களாக பத்திகள், தலைப்புகள், இணைப்புகள் மற்றும் படங்கள் போன்றவை. தலைப்பில், nav, footer மற்றும் பலவற்றை உள்ளடக்கிய பல புதிய கூறுகள் HTML5 இல் உள்ளன. இந்த HTML உறுப்புகள் அனைத்தையும் ஒரு ஆவணத்தின் கட்டமைப்பை உருவாக்க மற்றும் அதை அர்த்தப்படுத்துவதற்கு பயன்படுத்தப்படுகின்றன. உறுப்புகளுக்கு இன்னும் அதிக அர்த்தத்தைச் சேர்க்க, நீங்கள் அவற்றை பண்புகளை கொடுக்க முடியும்.
ஒரு அடிப்படை HTML தொடக்க குறி
உங்கள் HTML குறிச்சொல்லை ஒரு பண்பு சேர்க்க, நீங்கள் முதல் குறிச்சொல் பெயர் பின்னர் ஒரு இடத்தை வைத்து (இந்த வழக்கில் என்று "பி"). பின்னர் நீங்கள் பயன்படுத்த வேண்டும் என்று பண்பு பெயரை சேர்க்க வேண்டும் ஒரு சம அடையாளம் தொடர்ந்து. இறுதியாக, பண்புக்கூறு மதிப்பு மேற்கோள் குறிப்பில் வைக்கப்படும். உதாரணத்திற்கு:
குறிச்சொற்கள் பல பண்புக்கூறுகளைக் கொண்டிருக்கும். நீங்கள் மற்றவர்களிடமிருந்து ஒவ்வொரு இடத்தையும் ஒரு இடத்தோடு பிரிக்க வேண்டும்.
தேவையான காரணிகள் கொண்ட கூறுகள்
சில HTML உறுப்புகள் உண்மையாகவே வேண்டுமென்றே பணிபுரிய வேண்டுமெனில், பண்புகளை தேவைப்படும். பட உறுப்பு மற்றும் இணைப்பு உறுப்பு இதற்கு இரண்டு எடுத்துக்காட்டு.
பட உறுப்புக்கு "src" பண்பு தேவைப்படுகிறது. அந்த பண்பு நீங்கள் அந்த இடத்தில் பயன்படுத்த விரும்பும் உலாவிக்கு சொல்கிறது. கற்பனை மதிப்பு படத்தை ஒரு கோப்பு பாதையாக இருக்கும். உதாரணத்திற்கு:
இந்த உறுப்புக்கு "alt" அல்லது மாற்று உரை பண்புக்கூறுக்கு மற்றொரு பண்புக்கூறு சேர்க்கப்பட்டதை நீங்கள் கவனிப்பீர்கள். இது தொழில்நுட்ப ரீதியாக ஒரு தேவையான பண்புக்கூறு அல்ல, ஆனால் இந்த உள்ளடக்கத்தை அணுகுவதற்கு எப்போதுமே சிறந்த வழி. Alt கற்பனையின் மதிப்பில் பட்டியலிடப்பட்டுள்ள உரை சில காரணங்களால் ஒரு படத்தை ஏற்ற முடியாவிட்டால் காட்டப்படும்.
குறிப்பிட்ட பண்புகளுக்கு தேவைப்படும் மற்றொரு உறுப்பு நங்கூரம் அல்லது இணைப்பு குறிச்சொல் ஆகும். இந்த உறுப்பு "href" பண்புக்கூடத்தைக் கொண்டிருக்க வேண்டும், இது 'ஹைப்பர்டெக்ஸ்ட் குறிப்பு' எனும் குறிக்கோள் ஆகும். இது "இந்த இணைப்பு எங்கே போகவேண்டும்" என்று ஒரு கற்பனையான வழி. அது எங்கே இருக்க வேண்டும் என்று தெரிந்து கொள்ளுங்கள்.
அந்த இணைப்பு இப்போது ஒரு பண்புக்கூறு மதிப்பில் குறிப்பிடப்பட்ட வலைத்தளத்திற்கு ஒரு நபரைக் கொண்டுவரும். இந்த வழக்கில், இது முக்கிய பக்கமாகும்.
CSS ஹூக்ஸ் போன்ற காரணிகள்
பண்புகளை மற்றொரு பயன்பாடு அவர்கள் CSS பாணியை "கொக்கிகள்" பயன்படுத்தப்படுகின்றன போது ஆகும். உங்கள் வலைப்பக்கத்தின் கட்டமைப்பு (HTML) உங்கள் பாணியிலிருந்து (CSS) தனிப்படுத்தி வைத்திருக்க வேண்டும் என்று வலை தரநிலைகள் கட்டளையிட வேண்டும் என்பதால், வலைப்பக்கத்தில் கட்டமைக்கப்பட்ட பக்கம் எவ்வாறு காட்டப்படும் என்பதை நிர்ணயிக்க நீங்கள் CSS இல் இந்த பண்புக்கூறு கொக்கிகளைப் பயன்படுத்துகிறீர்கள். உதாரணமாக, உங்கள் HTML ஆவணத்தில் இந்த மார்க் ஆஃப் மாஸ்டர் இருக்க வேண்டும்.
பிளாக் (# 000) பின்னணி வண்ணம் மற்றும் 1.5EM என்ற எழுத்துரு அளவை வைத்திருக்க வேண்டும் என்று நீங்கள் விரும்பினால், இதை உங்கள் CSS க்கு சேர்க்கலாம்:
. பின்னணி {color-color: # 000; font-size: 1.5em;}"பிரத்யேக" வகுப்பு பண்புக்கூறு, அந்த பகுதியில் பாணிகளைப் பயன்படுத்துவதற்கு நாங்கள் CSS இல் பயன்படுத்துகின்ற கொக்கி என செயல்படுகிறது. நாங்கள் விரும்பியிருந்தால் எங்களுக்கு ஒரு ஐடி பண்புக்கூறு இருக்கக்கூடும். இரண்டு வகுப்புகள் மற்றும் அடையாளங்கள் உலகளாவிய பண்புக்கூறுகளாக இருக்கின்றன, அதாவது அவை எந்த உறுப்புக்கும் சேர்க்கப்படலாம் என்பதாகும். அவர்கள் இருவரும் அந்த உறுப்பு காட்சி தோற்றத்தை தீர்மானிக்க குறிப்பிட்ட CSS பாணிகளை இலக்கு.
ஜாவாஸ்கிரிப்டைப் பற்றி
இறுதியாக, சில HTML உறுப்புகளின் பண்புகளை பயன்படுத்தி நீங்கள் JavaScript இல் பயன்படுத்தலாம். ஒரு குறிப்பிட்ட ID பண்புடன் ஒரு உறுப்பு தேடும் ஒரு ஸ்கிரிப்ட் இருந்தால், அது HTML மொழியின் இந்த பொதுவான பகுதியின் மற்றொரு பயன்பாடாகும்.