HTML இல் இடைவெளிகளை எவ்வாறு செருகுவது

நூலாசிரியர்: Monica Porter
உருவாக்கிய தேதி: 22 மார்ச் 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
html இல் இடைவெளிகளை எவ்வாறு செருகுவது
காணொளி: html இல் இடைவெளிகளை எவ்வாறு செருகுவது

உள்ளடக்கம்

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

படிகள்

2 இன் முறை 1: இடைவெளிகளையும் ஒற்றை தாவல்களையும் செருகவும்

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

  2. வெவ்வேறு அகலங்களுடன் இடைவெளிகளைச் செருகவும். உலாவி ஒரு இடத்தைக் காட்ட வேண்டிய வேறு சில நிறுவன எழுத்துக்கள் உள்ளன. வெவ்வேறு உலாவிகளில் இந்த இடைவெளிகள் காண்பிக்கப்படும் முறை சற்று வித்தியாசமானது, இருப்பினும், பின்வரும் குறியீடுகளைப் போலன்றி வரி முறிவைப் பாதிக்காது:
    • - அச்சுப்பொறியின் "N" இடத்தின் படி (அளவின் அலகு) பெயரிடப்பட்டுள்ளது, "en" இடம் வழக்கமான இடத்தை விட இரு மடங்கு அகலமானது.
    • - "எம்" இடம், சுமார் நான்கு இடைவெளிகளுக்கு சமம்.

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

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

      எங்கே: "p.indent" உரையின் ஒரு பண்புகளை வரையறுக்கிறது (p குறிச்சொல்) "indent" என்ற பெயரை (நீங்கள் மற்றொரு பெயரைப் பயன்படுத்தலாம்). மீதமுள்ள குறியீடு "திணிப்பு" இடத்தின் அம்சத்தை பத்தியின் இடது பக்கத்தில் சேர்க்கிறது.
    • இப்போது, ​​HTML ஆவணத்தின் உடலுக்குத் திரும்புக. எந்த நேரத்திலும் நீங்கள் ஒரு பத்தியை உள்தள்ள விரும்புகிறீர்கள் (இந்த எடுத்துக்காட்டில் இன்னும் "உள்தள்ளுதல்"), இந்த குறியீட்டில் பத்தி வைக்கவும்:

    • உள்தள்ளல் இடைவெளியை சீரமைக்க, CSS குறியீட்டில் "1.8" எண்ணை மாற்றவும். இது எழுத்துரு அளவுடன் தொடர்புடைய நீளத்தின் அலகு என்பதால் "எம்" ஐ பின்னால் வைக்கவும்.
    விளம்பரம்

2 இன் முறை 2: நீண்ட இடைவெளிகளை அமைக்கவும்

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

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

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

ஆலோசனை

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

எச்சரிக்கை

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