எப்படி HTML இடைவெளி உருவாக்குவது

CSS உடன் HTML இல் உள்ள இடைவெளிகளை மற்றும் கூறுகளின் உடல் பிரிவை உருவாக்கவும்

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

இணைய வடிவமைப்பு இடைவெளி வேலைகள் இது அல்ல.

எனவே, வலைப்பக்கத்தில் தோன்றும் HTML இல் உள்ள வெள்ளையணுக்களை எவ்வாறு சேர்க்கலாம்? இந்த கட்டுரை பல்வேறு வழிகளில் சிலவற்றை ஆராய்கிறது.

CSS உடன் HTML இல் இடைவெளிகள்

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

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

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

p {
உரை-உள்தள்ளல்: 3 ஏ;
}

HTML இல் இடைவெளிகள்: உங்கள் உரை உள்ளே

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

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

உரை ஒரு வரி உள்ளே ஐந்து இடங்கள் சேர்க்க எப்படி ஒரு உதாரணம்:

இந்த உரையில் ஐந்து கூடுதல் இடங்கள் உள்ளன

HTML ஐ பயன்படுத்துகிறது:

இந்த உரை & nbsp; & nbsp; & nbsp; & nbsp; அதில் ஐந்து கூடுதல் இடைவெளிகள்

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

இந்த வாக்கியத்தின் முடிவில்

HTML இல் இடைவெளி ஏன் ஒரு தவறான யோசனை

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

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

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

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

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

p {
திணிப்பு-கீழே: 20px;
}

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

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

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