ஒரு HTML அளவு குறிச்சொல் உள்ளதா?

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

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

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

எழுத்துரு அளவுகள்

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

12 பக் ஒரு எழுத்துரு அளவு வேண்டும் உங்கள் பத்தி அமைக்க, எழுத்துரு அளவு பாணி சொத்து பயன்படுத்த:

h3 {font-size = 24px; }

இந்த பாணி headiing3 உறுப்புகள் 24 பிக்சல்கள் எழுத்துரு அளவு அமைக்க வேண்டும். இது ஒரு வெளிப்புற நடை தாளுக்கு சேர்க்கலாம், மேலும் உங்கள் தளத்தின் H3 கள் இந்த பாணியைப் பயன்படுத்தலாம்.

உங்கள் உரைக்கு கூடுதல் அச்சுக்கலை பாணிகளைச் சேர்க்க விரும்பினால், அவற்றை இந்த CSS விதிக்குச் சேர்க்கலாம்:

h3 {font-size: 24px; நிறம்: # 000; எழுத்துரு-எடை: சாதாரண; }

இது H3 களுக்கு எழுத்துரு அளவை மட்டும் அமைக்காது, இது கருப்பு நிறத்தை அமைக்கும் (இது ஹெகெக்ஸ் குறியீட்டின் # 000 வழிமுறையாகும்) மற்றும் எடை "சாதாரண" என்று அமைக்கப்படும். முன்னிருப்பாக, உலாவிகளில் 1-6 தலைப்புகள் தைரியமான உரைகளாக ஆக்குகின்றன, எனவே இந்த பாணி இயல்புநிலை மற்றும் முக்கியமாக "திறக்கப்படாத" உரைக்கு புறம்பானது.

பட அளவுகள்

நீங்கள் படத்தின் அளவை மாற்றுவதற்கு உலாவியைப் பயன்படுத்த முடியும் என்பதால் படங்களை அளவுகள் வரையறுக்க தந்திரமானதாக இருக்கலாம். நிச்சயமாக, உலாவியில் மறு படங்களை ஒரு மோசமான யோசனை ஏனெனில் பக்கங்களை மெதுவாக ஏற்ற மற்றும் உலாவிகளில் பெரும்பாலும் படங்களை ஒரு மோசமான வேலை செய்ய காரணமாகிறது, படங்களை மோசமாக பார்க்க செய்யும். அதற்கு பதிலாக, நீங்கள் கிராபிக்ஸ் மென்பொருளை படங்களை மறுஅளவாக்க வேண்டும், பின்னர் உங்கள் வலை பக்கம் HTML இல் அவர்களின் உண்மையான அளவுகள் எழுத வேண்டும்.

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

HTML ஐப் பயன்படுத்தி உங்கள் பட அளவை வரையறுக்க, img குறியின் உயரம் மற்றும் அகல பண்புகளை பயன்படுத்தவும். எடுத்துக்காட்டாக, இந்த படம் 400x400 பிக்சல்கள் சதுரமாக இருக்கும்:

உயரம் = "400" அகலம் = "400" alt = "படம்" />

CSS ஐ பயன்படுத்தி உங்கள் படத்தை அளவு வரையறுக்க, உயரம் மற்றும் அகலம் பாணி பண்புகளை பயன்படுத்த. அளவை வரையறுக்க CSS ஐப் பயன்படுத்தி அதே படத்தை இங்கே காணலாம்:

பாணி = "உயரம்: 400px; அகலம்: 400px;" alt = "படம்" />

லேஅவுட் அளவுகள்

நீங்கள் ஒரு அமைப்பில் வரையறுக்கின்ற பொதுவான அளவு அகலம், மற்றும் நீங்கள் முடிவு செய்ய வேண்டிய முதல் விஷயம், ஒரு நிலையான அகல அமைப்பை அல்லது ஒரு பதிலளிக்க வலைத்தளத்தைப் பயன்படுத்த வேண்டுமா என்பதுதான். வேறுவிதமாக கூறினால், நீங்கள் பிக்சல்கள், அங்குலங்கள் அல்லது புள்ளிகளின் சரியான எண்ணிக்கையிலான அகலத்தை வரையறுக்கப் போகிறீர்களா? அல்லது உங்கள் அமைப்பு அகலத்தை ஈ.எம்.எஸ் அல்லது சதவீதங்களைப் பயன்படுத்தி நெகிழ்வானதாக அமைக்கப் போகிறீர்களா? உங்கள் தளத்தின் அளவை வரையறுக்க, நீங்கள் படத்தில் உள்ளதை போலவே அகல மற்றும் உயரம் CSS பண்புகளை பயன்படுத்துங்கள்.

நிலையான அகலம்:

பாணி = "அகலம்: 600px;">

திரவ அகலம்:

பாணி = "அகலம்: 80%;">

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