மார்க் டவுனில் கிடைமட்ட கோடுகளைச் சேர்த்தல்

முன்நிபந்தனைகள்:

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

• பொருத்தமான மார்க் டவுன் எடிட்டர். உதாரணத்திற்கு, VSCodium , அச்சகம் (முட்கரண்டி அணு ), அல்லது ஏதேனும் ஆன்லைன் மார்க்அப் எடிட்டர்.
• மார்க் டவுன் பற்றிய அடிப்படை புரிதல் (விரும்பினால்).

மார்க் டவுன்

மார்க் டவுன் என்பது ஒரு பிரபலமான மார்க்அப் மொழியாகும், இது உரை ஆவணங்களை எளிமைப்படுத்த பல்வேறு கூறுகளை (தலைப்புகள், படங்கள், அட்டவணைகள் போன்றவை) சேர்க்க அனுமதிக்கிறது. அதன் உள்ளமைக்கப்பட்ட தொடரியல் தவிர, Markdown பல்வேறு HTML குறிச்சொற்களையும் ஆதரிக்கிறது. அதன் சுவாரஸ்யமான அம்சங்களுக்காக இது காலப்போக்கில் பிரபலமடைந்தது:

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

மார்க் டவுனில் கிடைமட்ட கோடுகள்

மார்க் டவுனில், கிடைமட்டக் கோடு இதுபோல் தோன்றும்:

ஒரு ஆவணத்தில் கிடைமட்டக் கோட்டைச் சேர்க்க பல்வேறு சந்தர்ப்பங்கள் உள்ளன. எடுத்துக்காட்டாக, ஒரு பிரிவின் தொடக்கம்/முடிவைக் குறிக்கிறது.

ஒரு புதிய ஆவணத்தை உருவாக்குதல்

பல்சர் எடிட்டருடன் பணிபுரியும் போது, ​​எங்கள் மார்க் டவுன் ஆவணத்தை சேமிக்க புதிய டெக்ஸ்ட் கோப்பை திறக்க வேண்டும். பிரதான சாளரத்தில் இருந்து, செல்லவும் கோப்பு >> புதிய கோப்பு அல்லது பயன்படுத்தவும் ' Ctrl + N ” விசைப்பலகை குறுக்குவழி.

பல்சர் எடிட்டர் நேரடி மார்க் டவுன் முன்னோட்ட அம்சத்துடன் வருகிறது. நேரடி முன்னோட்டத்தை இயக்க, செல்லவும் தொகுப்புகள் >> மார்க் டவுன் முன்னோட்டம் >> முன்னோட்டத்தை மாற்று . மாற்றாக, பயன்படுத்தவும் Ctrl + Shift + M ” விசைப்பலகை குறுக்குவழி.

கிடைமட்ட கோடுகளை உருவாக்குதல்

மார்க் டவுனில், ஒரு கிடைமட்ட கோட்டைக் குறிக்க இரண்டு தொடரியல்கள் உள்ளன:

• ***
• —
• ___

அவை அனைத்தும் ஒரே மாதிரியான வெளியீட்டை ஏற்படுத்தும்.

நிரூபிக்க, பின்வரும் குறியீட்டை நகலெடுத்து உரை திருத்தியில் ஒட்டவும்:

இங்கே:

• சிறந்த காட்சிகளுக்கு, ஒவ்வொரு வரி உரைக்கும் H1 வடிவமைப்பைப் பயன்படுத்துகிறோம்.
• மூன்று வெவ்வேறு குறியீடுகளைப் பயன்படுத்தி மூன்று கிடைமட்ட கோடுகளை உருவாக்குகிறோம்.
• ஒவ்வொரு கிடைமட்டக் கோடுகளுக்கு முன்னும் பின்னும் ஒரு புதிய கோடு உள்ளது.

அத்தகைய இடைவெளியைப் பயன்படுத்த பரிந்துரைக்கப்படுகிறது, ஏனெனில் இடைவெளி இல்லாமல் '-' சின்னம் ஒரு தலைப்பைக் குறிக்கிறது:

HTML ஐப் பயன்படுத்தி கிடைமட்ட கோடுகளை உருவாக்குதல்

நீங்கள் இதற்கு முன்பு HTML உடன் பணிபுரிந்திருந்தால், நீங்கள் அதை நன்கு அறிந்திருக்கலாம்

பின்வரும் குறியீட்டைப் பார்க்கவும்:

இங்கே:

• உரைக்கு H2 வடிவமைப்பைப் பயன்படுத்துகிறோம்.
• தி

  ---

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

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

தி

இங்கே:

• அனைத்து எடுத்துக்காட்டுகளும் கிடைமட்ட கோட்டை ஸ்டைலைஸ் செய்ய CSS ஐ இணைக்கின்றன.
• முதல் எடுத்துக்காட்டில், நாம் ஒரு எளிய வண்ண கிடைமட்ட கோட்டை உருவாக்குகிறோம்.
• இரண்டாவது எடுத்துக்காட்டில், நாம் ஒரு கோடு கிடைமட்ட கோட்டை உருவாக்குகிறோம்.
• மூன்றாவது எடுத்துக்காட்டில், வட்டமான கிடைமட்ட கோட்டை உருவாக்குகிறோம்.

மேலும் அறிய, பார்க்கவும் HTML இல்

மார்க் டவுனை HTML ஆக ஏற்றுமதி செய்கிறது

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

ரெண்டர் செய்யப்பட்ட வெளியீட்டை HTML ஆக நகலெடுக்க, முன்னோட்ட சாளரத்தில் வலது கிளிக் செய்து, 'HTML ஆக நகலெடு' என்பதைத் தேர்ந்தெடுக்கவும்.

இதன் விளைவாக வரும் HTML இது போல் தெரிகிறது:

முடிவுரை

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

Markdown பற்றி மேலும் அறிய ஆர்வமா? பாருங்கள் மார்க் டவுன் துணை வகை .