HTML ஸ்டார்டர் டெம்ப்ளேட் என்பது HTML (ஹைபர்டெக்ஸ்ட் மார்க்அப் லாங்குவேஜ்) ஐப் பயன்படுத்தி இணையதளத்தை உருவாக்குவதற்கான அடிப்படை கட்டமைப்பு அல்லது கட்டமைப்பாகும். புரோகிராமர்கள் ஒரு வலைத்தளத்தை விரைவாக உருவாக்குவதற்கு இது ஒரு தொடக்க புள்ளியை வழங்குகிறது. டெவலப்பர்கள் விரைவாகத் தொடங்குவதற்கு அவர்கள் உதவலாம், பின்னர் அவர்களின் இணையதளம் அல்லது பயன்பாட்டின் குறிப்பிட்ட அம்சங்களையும் செயல்பாட்டையும் உருவாக்குவதில் கவனம் செலுத்தலாம். HTML ஸ்டார்டர் டெம்ப்ளேட் என்றால் என்ன என்பதை இந்த வழிகாட்டி விளக்குகிறது.
HTML ஸ்டார்டர் டெம்ப்ளேட் என்றால் என்ன?
ஒரு HTML ஸ்டார்டர் டெம்ப்ளேட்டில் அறிவிப்பு, ,
, மற்றும் குறிச்சொற்கள் மற்றும் CSS பாணிகள் மற்றும் JavaScript ஸ்கிரிப்ட்களின் அடிப்படை தொகுப்பு உள்ளது. இந்த குறிச்சொற்கள் வலைப்பக்கத்தை உருவாக்குவதற்கான அடித்தளத்தை வழங்குகின்றன, இது டெவலப்பர்களுக்கு நிறைய நேரத்தையும் முயற்சியையும் மிச்சப்படுத்துகிறது.VIDEO
HTML ஸ்டார்டர் டெம்ப்ளேட் இப்படி தோன்றுகிறது:
< html வெறும் = 'உள்' > < தலை < மெட்டா எழுத்துக்குறி = 'UTF-8' > < மெட்டா பெயர் = 'வியூபோர்ட்' உள்ளடக்கம் = 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1' > < தலைப்பு லினக்ஸ் < / தலைப்பு < இணைப்பு rel = 'ஸ்டைல்ஷீட்' href = './style.css' > < மெட்டா http-equiv = 'எக்ஸ்-யுஏ-இணக்கமானது' உள்ளடக்கம் = 'அதாவது = விளிம்பு' > < / தலை < உடல் <முக்கிய> < h1 HTML ஸ்டார்டர் டெம்ப்ளேட் < / h1 < / முக்கிய> < கையால் எழுதப்பட்ட தாள் src = 'index.js' >< / கையால் எழுதப்பட்ட தாள் < / உடல் < / html
HTML ஸ்டார்டர் டெம்ப்ளேட்டில் கிடைக்கும் குறிச்சொற்கள்/உறுப்புகள் பற்றிய அறிவைப் பெற, கீழே உள்ள செயல்விளக்கத்தைப் பின்பற்றவும்:
குறிச்சொல்
' ” குறிச்சொல் கோப்பு வகையைப் பற்றிய தரவைக் கொண்டுள்ளது மற்றும் அதை எவ்வாறு வழங்குவது என்பதை உலாவிக்குக் கூறுகிறது. வலைப்பக்கத்தை உருவாக்க HTML இன் எந்தப் பதிப்பு பயன்படுத்தப்படுகிறது என்பதைப் பற்றிய தகவலை வழங்குவதன் மூலம் தேடுபொறி உகப்பாக்கத்தில் இந்தக் குறிச்சொல் பெரிதும் உதவுகிறது. HTML கோப்பில் இந்தக் குறிச்சொல் இல்லை என்றால், இணைய உலாவி எதிர்பாராத விதமாக செயல்படலாம் அல்லது தவறான கூறுகளைக் காட்டலாம்.
குறிச்சொல்
' ” டேக் என்பது தேவையான உறுப்பு, மேலும் இது அனைத்து HTML உறுப்புகளுக்கும் ஒரு கொள்கலனாக செயல்படுகிறது. இது மூல உறுப்பு ஆகும், அதாவது மற்ற அனைத்து கூறுகளும் சரியாக வேலை செய்ய உள்ளே வைக்கப்பட வேண்டும். இந்தக் குறிச்சொல் வலைப்பக்கத்தின் கட்டமைப்பு மற்றும் உள்ளடக்கத்தை வரையறுக்கப் பயன்படுகிறது மற்றும் ஆவணத்தைப் பற்றிய மெட்டாடேட்டாவைக் குறிப்பிட உதவுகிறது. அதன் ' வெறும் ” பண்புக்கூறு HTML பக்கத்தின் மொழியை அமைக்கலாம்:
< html வெறும் = 'உள்' > // குறியீடு / html மேலே உள்ள குறியீடு துணுக்கில், HTML பக்கத்தின் மொழி ' ஆங்கிலம் ”.
“” டேக்
வலைப்பக்கத்தைப் பற்றிய தகவல் '' உள்ளே செருகப்பட்டுள்ளது <தலை> ” மற்றும் வலைப்பக்கத்தில் தெரியவில்லை மற்றும் இந்த தகவல் SEO நோக்கங்களுக்காக பயன்படுத்தப்படுகிறது. இது பொதுவாக பக்கத்தின் தலைப்பு, விளக்கம் மற்றும் முக்கிய வார்த்தைகள் போன்ற மெட்டாடேட்டாவை உள்ளடக்கியது, அத்துடன் வெளிப்புற நடைத்தாள்கள், ஸ்கிரிப்டுகள் மற்றும் பிற ஆதாரங்களுக்கான இணைப்புகள்:
< தலை // செருகு குறியீடு இங்கே / தலை
< மெட்டா / > டேக்</strong> </h2>
<p> ' <strong> <title></strong> ” உலாவியின் தலைப்புப் பட்டியில் வலைப்பக்கம் அல்லது இணையதளப் பெயரைக் காட்டப் பயன்படுகிறது. இணையதளத்தின் இணையப் பக்கங்களை நிர்வகிப்பதில் இந்தக் குறிச்சொல் பயனுள்ளதாக இருக்கும். இது எஸ்சிஓ செயல்முறைக்கு உதவுகிறது மற்றும் விளக்கமான மற்றும் அர்த்தமுள்ள தலைப்புகளைச் சேர்ப்பதன் மூலம் அணுகலை மேம்படுத்துகிறது. சில குறைபாடுகள் உள்ள பயனர்கள் தளத்திற்கு எளிதாக செல்ல இது உதவுகிறது:</p> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> தலைப்பு</span></a> > Linuxhint <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> தலைப்பு</span></a> ><p> மேலே உள்ள குறியீட்டை செயல்படுத்திய பிறகு ' <strong> <தலை></strong> ” குறிச்சொல், வலைப்பக்கம் இப்படி தோன்றும்:</p>
<p> <img class="wp-image-321551" src="https://softoban.com/img/other/71/what-is-html-starter-template-1.png"></p>
<p> மேலே உள்ள வெளியீடு போலித் தரவு உள்ளே வழங்கப்பட்டுள்ளதைக் காட்டுகிறது ' <strong> <title></strong> ” என்ற குறிச்சொல் இப்போது தலைப்பின் பட்டியில் வைக்கப்பட்டுள்ளது.</p>
<h2> <strong> <link> டேக்</strong> </h2>
<p> HTML கோப்பில் உள்ள ஸ்டைலிங் அல்லது முறைகளை மரபுரிமையாகப் பெற அல்லது பயன்படுத்த HTML கோப்புகளை மற்ற கோப்புகளுடன் இணைக்க இந்தக் குறிச்சொல் பயன்படுத்தப்படுகிறது. மற்ற கோப்புகள் டெவலப்பரால் உருவாக்கப்பட்ட CSS கோப்புகளாக இருக்கலாம் அல்லது Bootstrap அல்லது Tailwind போன்ற CSS கட்டமைப்பின் சில CDNகளாக இருக்கலாம். இது பரவலாகப் பயன்படுத்தப்படுகிறது, ஏனெனில் இதைப் பயன்படுத்துவதன் மூலம் குறியீட்டின் வரி மிகவும் குறைகிறது மற்றும் முன்-கட்டமைக்கும் பாணிகளை வழங்குகிறது. HTML கோப்பு:</p> < <a href="http://december.com/html/4/element/link.html"><span class="kw2"> இணைப்பு</span></a> <span class="kw3"> rel</span><span class="sy0"> =</span><span class="st0"> 'ஸ்டைல்ஷீட்'</span> <span class="kw3"> href</span><span class="sy0"> =</span><span class="st0"> './style.css'</span> ><p> மேலே உள்ள குறியீட்டு வரியில், ' <strong> style.css</strong> ” கோப்பு HTML கோப்புடன் இணைக்கப்பட்டுள்ளது. இப்போது, 'style.css' கோப்பில் கட்டமைக்கப்பட்ட வகுப்புகளை HTML கோப்பில் ஸ்டைலிங் பயன்படுத்த அணுகலாம். உதாரணமாக, '' <strong> <h1></strong> பின்வரும் CSS பண்புகளைப் பயன்படுத்தி HTML கோப்பில் ஏற்கனவே செருகப்பட்ட குறிச்சொல்:</p> h1<span class="br0"> {</span> <br>
<br> எழுத்துரு குடும்பம்: முறை புதிய ரோமன்; <br>
<br>
<span class="kw3"> நிறம்</span> : டார்சியான்; <br>
<br>
<span class="br0"> }</span>
<p> மேலே உள்ள குறியீட்டை “” இல் செருகவும் <strong> style.css</strong> ' கோப்பு. ரெண்டரிங் செய்த பிறகு, வலைப்பக்கம் இப்படி தோன்றும்:</p>
<p> <img class="wp-image-321552" src="https://softoban.com/img/other/71/what-is-html-starter-template-2.png"></p><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/PlxWf493en4?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br />
<p> ' <strong> <இணைப்பு></strong> ” குறிச்சொல்.</p>
<h2> <strong> '<உடல்>' குறிச்சொல்</strong> </h2>
<p> <body> குறிச்சொல்லின் முதன்மைப் பயன்பாடானது, வலைப்பக்கத்தில் காணக்கூடிய அனைத்து உள்ளடக்கத்தையும் கொண்டிருக்க வேண்டும். வலைப்பக்கத்தின் முக்கிய உள்ளடக்கத்தை உருவாக்கும் வலைப்பக்கத்தில் உரை, படங்கள், வீடியோக்கள் மற்றும் பிற கூறுகளைச் செருகுவதற்கு உதவும் பல குறிச்சொற்கள் இதில் அடங்கும். CSS பண்புகளை வலைப்பக்கத்திற்கு ஒரே நேரத்தில் பயன்படுத்தவும் இது பயன்படுத்தப்படலாம். இது சொற்பொருள் குறிச்சொற்கள் மற்றும் பிற அணுகல்தன்மை அம்சங்களைச் சேர்ப்பதன் மூலம் வலைப்பக்கத்தின் அணுகலை மேம்படுத்துகிறது:</p> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> உடல்</span></a> > <br>
<br>
<span class="sy0"> //</span> HTML கூறுகளை இங்கே சேர்க்கவும் <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> உடல்</span></a> ><h2> <strong> “<script>” டேக்</strong> </h2>
<p> HTML கோப்பில் உள்ள ஜாவாஸ்கிரிப்ட் செயல்பாட்டை அணுக, ' <strong> <ஸ்கிரிப்ட்</strong> > குறிச்சொல் பயன்படுத்தப்படுகிறது. டெவலப்பர் ஜாவாஸ்கிரிப்ட் குறியீட்டை நேரடியாக ஸ்கிரிப்ட் டேக்கிற்குள் செருகலாம் அல்லது அதே “<script>” குறிச்சொல்லைப் பயன்படுத்தி வெளிப்புற ஜாவாஸ்கிரிப்ட்டுடன் இணைக்கலாம்:</p> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> கையால் எழுதப்பட்ட தாள்</span></a> > <br>
<br>
<span class="sy0"> //</span> js ஐ சேர்க்கவும்<span class="kw3"> குறியீடு</span> இங்கே <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> கையால் எழுதப்பட்ட தாள்</span></a> ><p> இது HTML ஸ்டார்டர் டெம்ப்ளேட்டில் உள்ள குறிச்சொற்களின் விளக்கம் பற்றியது.</p>
<h2> <strong> முடிவுரை</strong> </h2>
<p> HTML ஸ்டார்டர் டெம்ப்ளேட் HTML மொழியின் அடிப்படை கட்டமைப்பை வழங்குகிறது, இது தேவைக்கேற்ப டெவலப்பர்களால் மாற்றியமைக்கப்படலாம். இப்போது டெவலப்பர் புதிதாக உருவாக்கத் தொடங்காததால் இது நிறைய நேரத்தையும் முயற்சியையும் மிச்சப்படுத்துகிறது. இது போன்ற குறிச்சொற்கள் உள்ளன <strong> <தலை></strong> ”,” <strong> <meta></strong> ”,” <strong> <title></strong> ”,” <strong> <இணைப்பு></strong> ”,” <strong> <script></strong> ”,” <strong> <உடல்></strong> ” போன்றவை. இந்த கட்டுரை HTML ஸ்டார்டர் டெம்ப்ளேட்டை நடைமுறைச் செயலாக்கத்துடன் விளக்கியுள்ளது.</p>
</article>
<div class="d-flex justify-content-center">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div>
</div>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="/marravai/" class="tag-cloud-link">மற்றவை</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">வகை</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">ராஸ்பெர்ரி பை</a> </li><li> <a href="/ethernet/">ஈதர்நெட்</a> </li><li> <a href="/other/">மற்ற</a> </li><li> <a href="/nano/">நானோ</a> </li><li> <a href="/zoom/">பெரிதாக்கு</a> </li><li> <a href="/cinnamon/">இலவங்கப்பட்டை</a> </li><li> <a href="/reviews/">விமர்சனங்கள்</a> </li><li> <a href="/zorinos/">ஜோரினோஸ்</a> </li><li> <a href="/radio/">வானொலி</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">திறந்தவெளி</a> </li><li> <a href="/compression/">சுருக்க</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">விமானம்</a> </li><li> <a href="/office-productivity-software/">அலுவலக உற்பத்தி மென்பொருள்</a> </li><li> <a href="/boot/">துவக்க</a> </li><li> <a href="/system-calls/">கணினி அழைப்புகள்</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">நெட்வொர்க்கிங்</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">ஜிம்ப்</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">கப்பல்துறை</a> </li><li> <a href="/firewall/">ஃபயர்வால்</a> </li><li> <a href="/wireshark/">வயர்ஷார்க்</a> </li><li> <a href="/synology/">சினாலஜி</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">கிளி ஓஎஸ்</a> </li><li> <a href="/sublime/">உயர்ந்தது</a> </li><li> <a href="/selinux/">செலினக்ஸ்</a> </li><li> <a href="/hyper-v/">ஹைப்பர்-வி</a> </li><li> <a href="/phone/">தொலைபேசி</a> </li><li> <a href="/kodi/">குறியீடு</a> </li><li> <a href="/gnome/">ஜினோம்</a> </li><li> <a href="/manjaro/">சுவையான</a> </li><li> <a href="/mouse/">சுட்டி</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">உருமாற்றம்</a> </li><li> <a href="/torrent/">தாரை</a> </li><li> <a href="/tablet/">மாத்திரை</a> </li><li> <a href="/pycharm/">பிச்சார்ம்</a> </li><li> <a href="/curl/">சுருட்டை</a> </li><li> <a href="/kde/">எங்கே</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">எழுத்துருக்கள்</a> </li><li> <a href="/ssl/">எஸ்எஸ்எல்</a> </li><li> <a href="/nvidia/">என்விடியா</a> </li><li> <a href="/images/">படங்கள்</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">மீன் வகை</a> </li><li> <a href="/mate/">துணை</a> </li><li> <a href="/vlc-media-player/">Vlc மீடியா பிளேயர்</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">பிட்காயின்</a> </li><li> <a href="/keyboard/">விசைப்பலகை</a> </li><li> <a href="/inkscape/">இன்க்ஸ்கேப்</a> </li><li> <a href="/encryption/">குறியாக்கம்</a> </li><li> <a href="/fedora/">ஃபெடோரா</a> </li><li> <a href="/owncloud/">சொந்த கிளவுட்</a> </li><li> <a href="/scanner/">ஸ்கேனர்</a> </li><li> <a href="/atom/">அணு</a> </li><li> <a href="/red-hat/">சிவப்பு தொப்பி</a> </li><li> <a href="/teamviewer/">டீம் வியூவர்</a> </li><li> <a href="/skype/">ஸ்கைப்</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">ஜூபிட்டர் நோட்புக்</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">வலைப்பதிவு</a> </li><li> <a href="/lvm/">எல்விஎம்</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">மீடியா பிளேயர்கள்</a> </li><li> <a href="/posix/">பொசிக்ஸ்</a> </li><li> <a href="/steam/">நீராவி</a> </li><li> <a href="/jenkins/">ஜென்கின்ஸ்</a> </li><li> <a href="/power/">சக்தி</a> </li><li> <a href="/oracle-linux/">ஆரக்கிள் லினக்ஸ்</a> </li><li> <a href="/netstat/">நெட்ஸ்டாட்</a> </li><li> <a href="/kvm/">சதுர மீட்டர்</a> </li><li> <a href="/bluetooth/">புளூடூத்</a> </li><li> <a href="/ssd/">எஸ்.எஸ்.டி</a> </li><li> <a href="/grep/">பிடியில்</a> </li><li> <a href="/gentoo/">ஜென்டூ</a> </li><li> <a href="/odyssey/">ஒடிஸி</a> </li><li> <a href="/audio/">ஆடியோ</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">டென்ஸர்ஃப்ளோ</a> </li><li> <a href="/autodesk/">ஆட்டோடெஸ்க்</a> </li><li> <a href="/lubuntu/">லுபுண்டு</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">விண்டோஸ்</a> </li><li> <a href="/microsoft-edge/">மைக்ரோசாஃப்ட் எட்ஜ் (மரபு)</a> </li><li> <a href="/internet-explorer/">இன்டர்நெட் எக்ஸ்ப்ளோரர்</a> </li><li> <a href="/office/">அலுவலகம்</a> </li><li> <a href="/marravai/">மற்றவை</a> </li><li> <a href="/skaip/">ஸ்கைப்</a> </li><li> <a href="/ti-enes/">டிஎன்எஸ்</a> </li><li> <a href="/rasperri-pai/">ராஸ்பெர்ரி பை</a> </li><li> <a href="/vepkem/">வெப்கேம்</a> </li><li> <a href="/mitiya-pileyarkal/">மீடியா பிளேயர்கள்</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapraksi/">ஹாப்ராக்ஸி</a> </li><li> <a href="/knom/">க்னோம்</a> </li><li> <a href="/tuvakka/">துவக்க</a> </li><li> <a href="/uyarntatu/">உயர்ந்தது</a> </li><li> <a href="/upuntu-24-04-cat/">உபுண்டு 24.04</a> </li><li> <a href="/atutta-mekam/">அடுத்த மேகம்</a> </li><li> <a href="/aram/">அறம்</a> </li><li> <a href="/envitiya/">என்விடியா</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/hpetora/">ஃபெடோரா</a> </li><li> <a href="/patukappana-totakkam/">#பாதுகாப்பான தொடக்கம்</a> </li><li> <a href="/catanam-pastru/">சாதனம்-பாஸ்த்ரூ</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/iyakki-niruval/">இயக்கி-நிறுவல்</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">பிரபல பதிவுகள்</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A7/how-to-use-abs-function-in-php-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/php-il-abs-ceyalpattai-evvaru-payanpatuttuvatu">PHP இல் Abs() செயல்பாட்டை எவ்வாறு பயன்படுத்துவது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/62/github-repository-templates-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/github-kalanciya-templetkal">GitHub களஞ்சிய டெம்ப்ளேட்கள்</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/36/how-to-link-a-directory-in-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/linaksil-oru-koppakattai-evvaru-inaippatu">லினக்ஸில் ஒரு கோப்பகத்தை எவ்வாறு இணைப்பது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DA/what-are-vpc-networking-components-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/vpc-netvorkkin-kurukal-enral-enna">VPC நெட்வொர்க்கிங் கூறுகள் என்றால் என்ன?</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/65/what-should-be-minimum-system-specifications-for-oracle-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/oracle-linux-kkana-kuraintapatca-kanini-vivarakkurippukal-ennavaka-irukka-ventum">Oracle Linux க்கான குறைந்தபட்ச கணினி விவரக்குறிப்புகள் என்னவாக இருக்க வேண்டும்?</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/12/10-best-features-of-raspberry-pi-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/rasperri-paiyin-10-ciranta-amcankal">ராஸ்பெர்ரி பையின் 10 சிறந்த அம்சங்கள்</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3E/how-to-add-gap-between-columns-in-tailwind-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/teyilvintil-netuvaricaikalukku-itaiyil-itaiveliyai-evvaru-cerppatu">டெயில்விண்டில் நெடுவரிசைகளுக்கு இடையில் இடைவெளியை எவ்வாறு சேர்ப்பது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4D/what-is-windows-package-manager-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/vintos-tokuppu-melalar-enral-enna">விண்டோஸ் தொகுப்பு மேலாளர் என்றால் என்ன</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7B/how-to-optimize-your-python-code-with-profiling-tools-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cuyavivarak-karuvikal-mulam-unkal-paitan-kuriyittai-evvaru-mempatuttuvatu">சுயவிவரக் கருவிகள் மூலம் உங்கள் பைதான் குறியீட்டை எவ்வாறு மேம்படுத்துவது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/80/fix-cannot-unpin-pinned-folders-from-windows-7-start-menu-winhelponline.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/fix-cannot-unpin-pinned-folders-from-windows-7-start-menu-winhelponline">சரி: விண்டோஸ் 7 தொடக்க மெனுவிலிருந்து பின் செய்யப்பட்ட கோப்புறைகளை திறக்க முடியாது - வின்ஹெல்போன்லைன்</a> </h3>
<div class="meta">
<div> <a href="/windows/"><span class="icon-chat"></span> விண்டோஸ்</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/70/factory-pattern-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-il-tolircalai-murai">C++ இல் தொழிற்சாலை முறை</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D7/java-objectinputstream-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/java-apjektinput-strim">ஜாவா ஆப்ஜெக்ட்இன்புட் ஸ்ட்ரீம்</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6F/how-to-change-discord-email-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/tiskart-minnancalai-marruvatu-eppati">டிஸ்கார்ட் மின்னஞ்சலை மாற்றுவது எப்படி</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/totem-of-undying-everything-you-need-to-know-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/totem-ahp-antiyin-ninkal-terintu-kolla-ventiya-anaittum">டோடெம் ஆஃப் அன்டியிங்: நீங்கள் தெரிந்து கொள்ள வேண்டிய அனைத்தும்</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5E/how-to-deploy-django-project-on-aws-ec2-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/aws-ec2-il-janko-tittattai-evvaru-payanpatuttuvatu">AWS EC2 இல் ஜாங்கோ திட்டத்தை எவ்வாறு பயன்படுத்துவது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/is-there-any-method-to-modify-container-id-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kanteynar-aitiyai-marra-etenum-murai-ullata">கன்டெய்னர் ஐடியை மாற்ற ஏதேனும் முறை உள்ளதா?</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A3/how-to-clear-arduino-serial-buffer-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/arduino-totar-itaiyakattai-evvaru-alippatu">Arduino தொடர் இடையகத்தை எவ்வாறு அழிப்பது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5C/how-to-get-chorus-fruit-in-minecraft-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/minecraft-il-koras-palattai-evvaru-peruvatu">Minecraft இல் கோரஸ் பழத்தை எவ்வாறு பெறுவது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7F/how-to-use-find-my-to-locate-your-lost-iphone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/unkal-tolainta-aiponaik-kantariya-find-my-evvaru-payanpatuttuvatu">உங்கள் தொலைந்த ஐபோனைக் கண்டறிய Find My எவ்வாறு பயன்படுத்துவது</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/05/tkinter-combobox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/tkinter-combobox">Tkinter ComboBox</a> </h3>
<div class="meta">
<div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://softoban.com/template/js/jquery.min.js"></script>
<script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script>
<script src="https://softoban.com/template/js/popper.min.js"></script>
<script src="https://softoban.com/template/js/bootstrap.min.js"></script>
<script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script>
<script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script>
<script src="https://softoban.com/template/js/jquery.stellar.min.js"></script>
<script src="https://softoban.com/template/js/owl.carousel.min.js"></script>
<script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script>
<script src="https://softoban.com/template/js/aos.js"></script>
<script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script>
<script src="https://softoban.com/template/js/scrollax.min.js"></script>
<script src="https://softoban.com/template/js/main.js"></script>
<script async="" defer="" src="//www.instagram.com/embed.js"></script>
<script async="" src="https://platform.twitter.com/widgets.js"></script>
<script>
window.onload = function(){
for(i in document.images)
{
if(document.images[i].naturalWidth==0){
if(window.location.pathname.length > 1){
document.images[i].style="display:none"
}
else
{
document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
}
}
}
}
$(document).ready(() => {
$('nav').find('a').each(function(){
if($(this).attr('href') == window.location.pathname){
$(this).parent('li').addClass('active')
}
})
var wrapper = '<div class="embeded-video"></div>';
if($('iframe[width="560"]').length > 1){
$('.m_v').remove();
}else{
}
$('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper);
let loc = window.location.pathname;
if(loc == '/privacy-policy'){
$('div.embeded-video').remove();
$('blockquote').remove();
}
})
</script>
<script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body>
</html>