HTML பண்புகளை எவ்வாறு பயன்படுத்துவது?



கூறுகள் திறக்கும் குறிக்குள் வைக்கப்பட்டுள்ள ஒரு HTML உறுப்பின் பண்புகளை பண்புக்கூறு வரையறுக்கிறது. இந்த கட்டுரையில் நாம் HTML பண்புகளை ஆராய்வோம்.

பண்புக்கூறு ஒரு HTML உறுப்பின் பண்புகளை வரையறுக்கிறது, இது கூறுகள் திறக்கும் குறிச்சொல்லுக்குள் வைக்கப்படுகிறது. இந்த கட்டுரையில் நாம் HTML பண்புகளை ஆராய்வோம். இந்த கட்டுரையில் பின்வரும் சுட்டிகள் விவரிக்கப்படும்,

எனவே இந்த கட்டுரையுடன் தொடங்குவோம்





HTML பண்புக்கூறுகள்

HTML இல் தலைப்பு குறிச்சொற்களைப் பயன்படுத்துகிறோம்

,

அது பத்தி குறிச்சொற்களாக இருக்கலாம்

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

ஜாவாவில் ஒரு ஸ்கேனர் என்ன செய்கிறது

பண்புக்கூறு ஒரு HTML உறுப்பின் சிறப்பியல்புகளை வரையறுக்கிறது, இது உறுப்புகளைத் திறக்கும் உறுப்புகளுக்குள் வைக்கப்படுகிறது. ஒரு பண்புக்கூறில் இரண்டு பகுதிகள் உள்ளன



பெயர்



இது பயனர் அமைக்க விரும்பும் சொத்து.

உதாரணமாக:

சீரமைப்பதைக் குறிக்கும் ஒரு பண்புக்கூறு ஆகும், இது சீரமைப்புக்கு பயன்படுத்தப்படலாம் பக்கத்தில் பத்தி.



மதிப்பு

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

எடுத்துக்காட்டு: க்கு

பண்புக்கூறு உரையை சீரமைக்க மூன்று சாத்தியங்கள் இருக்கும் இடது, மையம் மற்றும் வலது.

குறிப்பு: பண்புக்கூறு பெயர்கள் மற்றும் மதிப்புகள் வழக்கு உணர்திறன் கொண்டவை. HTML 4 பரிந்துரையில் சிறிய பண்புகளையும் பண்புக்கூறு மதிப்புகளையும் உலகளாவிய வலை பரிந்துரைக்கிறது.

எனவே HTML பண்புகளில் இந்த கட்டுரையுடன் செல்லுங்கள்,

சீரமைப்பு பண்புக்கான மாதிரி குறியீடு

சீரமைப்பு பண்புக்கூறுக்கான எடுத்துக்காட்டு:

பண்புக்கூறு எடுத்துக்காட்டை சீரமைக்கவும்

இது சீரமைக்கப்பட்டது

இது மையம் சீரமைக்கப்பட்டது

இது சரியாக சீரமைக்கப்பட்டது

இது பின்வரும் முடிவைக் காண்பிக்கும்:

வெளியீடு-HTML பண்புக்கூறுகள் - எடுரேகா

பெரும்பாலான HTML கூறுகளுக்குப் பயன்படுத்தக்கூடிய நான்கு முக்கிய பண்புக்கூறுகள் உள்ளன. அவை:

  • ஐடி
  • தலைப்பு
  • வர்க்கம்
  • உடை

எனவே HTML பண்புகளில் இந்த கட்டுரையுடன் செல்லுங்கள்,

ஐடி பண்புக்கூறு

ஒரு HTML பக்கத்தில் உள்ள எந்த உறுப்புகளையும் அடையாளம் காண ஐடி பண்புக்கூறு பயன்படுத்தப்படுகிறது. இந்த பண்புக்கூறின் முக்கியத்துவம்:

ஐடி பண்புக்கூறு ஒரு அடையாளங்காட்டியாக கொண்டு செல்லப்பட்டால், அந்த உறுப்பு மற்றும் அதன் உள்ளடக்கத்தை அடையாளம் காண முடியும்.ஸ்டைல் ​​ஷீட்டில் ஒரே பெயரில் இரண்டு கூறுகள் உள்ளன, அந்த உறுப்புகளுக்கு இடையில் வேறுபடுவதற்கு பயனர் இந்த பண்பைப் பயன்படுத்தலாம்

உதாரணமாக

இந்த பாரா பக்கத்தின் அறிமுகம்

இந்த பத்தி பக்கத்தின் சுருக்கம்

எனவே HTML பண்புகளில் இந்த கட்டுரையுடன் செல்லுங்கள்,

தலைப்பு பண்பு

பெயர் குறிப்பிடுவது போல, அது தனிமத்தின் தலைப்பைப் பற்றிய கூடுதல் தகவல்களைத் தருகிறது. தொடரியல் ஐடி பண்புக்கு ஒத்ததாகும்.

கர்சர் அதன் மேல் வரும்போது அல்லது உறுப்பு ஏற்றப்படும்போது இது பெரும்பாலும் கருவி முனையாக காட்டப்படும். இந்த பண்புக்கூறு நடவடிக்கை உறுப்பு சார்ந்தது.

இறுதியாக இறுதி மற்றும் இறுதி இடையே வேறுபாடு

உதாரணமாக

தலைப்பு பண்பு

இந்த உரையின் மீது கர்சரை நகர்த்தவும்

பின்வருவனவற்றின் வெளியீடு:

எனவே HTML பண்புகளில் இந்த கட்டுரையுடன் செல்லுங்கள்,

வகுப்பு பண்பு

ஒரு CSS பாணி தாளுடன் ஒரு உறுப்பை இணைக்க வகுப்பு பண்புக்கூறு பயன்படுத்தப்படுகிறது. பெயர் குறிப்பிடுவது போல் அது தனிமத்தின் வகுப்பைக் குறிப்பிடுகிறது. CSS போலி வகுப்புகள் சிறப்பு விளைவுகளைச் சேர்க்கப் பயன்படுத்தப்படுகின்றன.

இது முக்கியமாக CSS உடன் இணைக்கப்பட்டுள்ளது.

உதாரணமாக

class = ”classname1 classname2 classname3”

எனவே HTML பண்புகளில் இந்த கட்டுரையுடன் செல்லுங்கள்,

உடை பண்புக்கூறு

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

உதாரணமாக

ஜாவாவில் வீசக்கூடிய vs வீசுதல்

நடை பண்பு

இந்த உரைக்கு நடை செய்யப்படுகிறது.

பின்வருவனவற்றின் வெளியீடு:

இது HTML பண்புக்கூறுகள் குறித்த இந்த கட்டுரையின் முடிவிற்கு நம்மை அழைத்துச் செல்கிறது

HTML என்றால் என்ன என்று இப்போது உங்களுக்குத் தெரியும், பாருங்கள் வழங்கியவர் எடுரேகா. HTML5, CSS3, Twitter பூட்ஸ்டார்ப் 3, jQuery மற்றும் Google API களைப் பயன்படுத்தி ஈர்க்கக்கூடிய வலைத்தளங்களை எவ்வாறு உருவாக்குவது மற்றும் அமேசான் எளிய சேமிப்பக சேவைக்கு (S3) பயன்படுத்துவது எப்படி என்பதை அறிய வலை அபிவிருத்தி சான்றிதழ் பயிற்சி உங்களுக்கு உதவும்.

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