Kaip pridėti nuorodą į HTML mygtuką?
Kuriant interaktyvias žiniatinklio sąsajas būtina pridėti nuorodas į HTML mygtukus. Šiame straipsnyje mes išnagrinėsime įvairius metodus, įskaitant įtrauktus įvykius, formos atributus ir CSS stilių, kartu su praktiniais pavyzdžiais ir kodo fragmentais.
Pirmiausia sukurkime HTML mygtuko pavyzdį su pagrindiniu stiliumi:
HTML Sukurkite HTML mygtuką, kuris veiktų kaip nuorodos pavadinimas> <style>.GFG { plotis: 100 taškų; aukštis: 50px; fonas: žalias; border:none; spalva: balta; } style> head> <body> <h1>techcodeview.comh1> <button>Spustelėkite mygtuką čia> body> html>>> </tag> <p dir='ltr'> <span>Dabar panagrinėkime kiekvieną metodą kartu su būtinu </span> <b> <strong>sintaksė </strong> </b> <span>ir </span> <b> <strong>pavyzdys </strong> </b> <span>kodai. </span> </p> <h2> <span>Metodai, kaip pridėti nuorodą į HTML mygtuką </span> </h2> <h3> <b> <strong>1. Inline </strong> </b> <b> <code> onclick </pre> </code> </b> <b> <strong>Renginys: </strong> </b> </h3> <p dir='ltr'> <span>Eilutinio onclick įvykio naudojimas. Jis susieja „JavaScript“ funkciją su mygtuko elemento „onclick“ atributu. Spustelėjus funkcija nukreipia vartotoją į nurodytą URL naudojant window.location.href. </span> </p> <p dir='ltr'> <b> <strong>Sintaksė: </strong> </b> </p> <tag data-text-3='Click Here> </code> <p dir='ltr'> <b> <strong>Pavyzdys </strong> </b> <span>: Šiame pavyzdyje sukuriame HTML mygtuką su CSS stiliumi. Spustelėjus jis nukreipia į techcodeview.com IDE, naudodamas tiesioginį onclick įvykį. </span> </p>HTML <tag data-text-1=' <html> <head> <title>Naudodami tiesioginį onclick Event title> <style>.GFG {fono spalva: balta; kraštinė: 2px vientisa juoda; spalva: žalia; pamušalas: 5px 10px; žymeklis: rodyklė; } style> head> <body> <button>Spustelėkite mygtuką čia> body> html>>> </tag> <p dir='ltr'> <b> <strong>Išvestis: </strong> </b> </p> <img src='//techcodeview.com/img/picked/45/how-add-link-html-button.webp' alt='ButtonLink'> <p>Inline onclick įvykio pavyzdžio išvestis </p> <h3> <b> <strong>2. Mygtuko žymės naudojimas viduje <a>žyma: </a> </strong> <a> </a> </b> <a> </a> </h3> <p dir='ltr'> <a> <span>Šiuo metodu sukuriamas mygtukas inkaro žymos viduje. Inkaro žyma nukreipia tinklalapį į nurodytą vietą. </span> <b> <strong>Pakeiskite toliau pateiktą fragmentą mygtuko elementu, pateiktu aukščiau esančiame mygtuko kodo pavyzdyje. </strong> </b> </a> </p> <a> <p dir='ltr'> <b> <strong>Sintaksė: </strong> </b> </p> </a> <tag data-text-3=' Syntax: Example : HTML <html> <head> <title>Sukurkite HTML mygtuką, kuris veiktų kaip nuorodos pavadinimas> <style>.GFG { plotis: 100 taškų; aukštis: 50px; fonas: žalias; border:none; spalva: balta; } style> head> <body> <h1>techcodeview.comh1> <a href='https://ide.techcodeview.com>Spustelėkite mea> body> html> Output : Inkaro žymos naudojimas kaip mygtuko nuoroda 4. Formos žymų naudojimas Kitas būdas yra elemente naudoti veiksmo arba formavimo atributą. Šis metodas semantiškai teisingesnis ir gerai veikia net formų viduje. Pakeiskite toliau pateiktą teksto žymos fragmentą mygtuko elementu, pateiktu aukščiau pateiktame mygtuko kodo pavyzdyje. Spustelėkite mane Pavyzdys: HTML <html> <head> <title>Sukurkite HTML mygtuką, kuris veiktų kaip nuorodos pavadinimas> <style>.GFG { plotis: 100 taškų; aukštis: 50px; fonas: žalias; border:none; spalva: balta; } style> head> <body> <h1>techcodeview.comh1> <form action='https://ide.techcodeview.com> <button type='submit'>Spustelėkite mebutton> forma> body> html> Output : Formos žymų naudojimas Pastaba: Išvestis bus vienoda kiekvienam metodui. Išvestis:>>> </tag>
</div>
<!-- Article Footer with Prominent Share Buttons -->
<div class="px-6 md:px-8 py-8 bg-slate-50 dark:bg-slate-900/50 border-t border-slate-200 dark:border-slate-700/50">
<div class="flex flex-col sm:flex-row items-center justify-between gap-6">
<h4 class="text-base font-bold text-slate-700 dark:text-slate-300 uppercase tracking-wide flex items-center gap-2">
<i class="fa fa-share-alt text-tech-500"> </i>
Bendrinti </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=Kaip pridėti nuorodą į HTML mygtuką?&url=https://www.techcodeview.com/lt/how-add-link-html-button"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#1DA1F2]/10 text-[#1DA1F2] hover:bg-[#1DA1F2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-twitter text-lg"> </i>
<span class="hidden sm:inline">Twitter </span>
</a>
<!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.techcodeview.com/lt/how-add-link-html-button"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#4267B2]/10 text-[#4267B2] hover:bg-[#4267B2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-facebook text-lg"> </i>
<span class="hidden sm:inline">Facebook </span>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.techcodeview.com/lt/how-add-link-html-button&title=Kaip pridėti nuorodą į HTML mygtuką?"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#0077b5]/10 text-[#0077b5] hover:bg-[#0077b5] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-linkedin text-lg"> </i>
<span class="hidden sm:inline">LinkedIn </span>
</a>
</div>
</div>
</div>
</article>
<!-- Comments Placeholder / Random Articles -->
<div class="mt-8 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl p-6 md:p-8 shadow-sm">
<h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6 uppercase tracking-wide border-b border-slate-200 dark:border-slate-700 pb-2">
Jums Gali Patikti </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/lt/what-is-script-mode-python" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/python-tutorial/17/what-is-script-mode-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra scenarijaus režimas Python?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/lt/what-is-script-mode-python">Kas yra scenarijaus režimas Python? </a>
</h4>
</div> <div class="group">
<a href="/lt/what-is-formatting-toolbar" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/computer/63/what-is-formatting-toolbar.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra formatavimo įrankių juosta?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/lt/what-is-formatting-toolbar">Kas yra formatavimo įrankių juosta? </a>
</h4>
</div>
</div>
</div>
</div>
<!-- SECONDARY COLUMN (SIDEBAR) -->
<!-- Aside Column -->
<div class="lg:col-span-4 space-y-8">
<!-- Best Articles Widget -->
<div class="rounded-xl bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 p-6 shadow-sm">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide flex items-center">
<span class="mr-2 h-2 w-2 rounded-full bg-tech-500"> </span>
Top Straipsniai </h2>
</div>
<!-- Owl Carousel Preserved Container -->
<div id="owl-carousel-3" class="owl-carousel owl-theme center-owl-nav">
<!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/how-many-times-can-you-take-act-1311526">
<img src="https://techcodeview.com/img/blog/15/how-many-times-can-you-take-act.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kiek kartų galite atlikti ACT?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/how-many-times-can-you-take-act-1311526" class="hover:text-tech-500 transition-colors line-clamp-3">Kiek kartų galite atlikti ACT? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/parts-speech-definitions">
<img src="https://techcodeview.com/img/parts-speech/85/parts-speech-definitions.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kalbos dalys: apibrėžimai, pavyzdžiai ir 8 tipai" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/parts-speech-definitions" class="hover:text-tech-500 transition-colors line-clamp-3">Kalbos dalys: apibrėžimai, pavyzdžiai ir 8 tipai </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/sql-unique-constraint">
<img src="https://techcodeview.com/img/misc/82/sql-unique-constraint.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="SQL | UNIKALUS apribojimas" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/sql-unique-constraint" class="hover:text-tech-500 transition-colors line-clamp-3">SQL | UNIKALUS apribojimas </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/best-clt-practice-tests-131634">
<img src="https://techcodeview.com/img/blog/35/best-clt-practice-tests.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Geriausi CLT praktiniai testai: ekspertų vadovas" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/best-clt-practice-tests-131634" class="hover:text-tech-500 transition-colors line-clamp-3">Geriausi CLT praktiniai testai: ekspertų vadovas </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/literals-c">
<img src="https://techcodeview.com/img/c-basics/76/literals-c.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Literatūra C" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/literals-c" class="hover:text-tech-500 transition-colors line-clamp-3">Literatūra C </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/misty-copeland">
<img src="https://techcodeview.com/img/biography/33/misty-copeland.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Misty Copeland" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/misty-copeland" class="hover:text-tech-500 transition-colors line-clamp-3">Misty Copeland </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/ssis-tutorial">
<img src="https://techcodeview.com/img/ssis-tutorial/25/ssis-tutorial.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="SSIS pamoka" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/ssis-tutorial" class="hover:text-tech-500 transition-colors line-clamp-3">SSIS pamoka </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/262-sat-vocab-words-you-must-know-131132">
<img src="https://techcodeview.com/img/blog/22/262-sat-vocab-words-you-must-know.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="262 SAT žodiniai žodžiai, kuriuos turite žinoti" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/262-sat-vocab-words-you-must-know-131132" class="hover:text-tech-500 transition-colors line-clamp-3">262 SAT žodiniai žodžiai, kuriuos turite žinoti </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/binary-tree-java">
<img src="https://techcodeview.com/img/java-tutorial/88/binary-tree-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Java dvejetainis medis" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/binary-tree-java" class="hover:text-tech-500 transition-colors line-clamp-3">Java dvejetainis medis </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/how-delete-facebook-group">
<img src="https://techcodeview.com/img/how/28/how-delete-facebook-group.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip ištrinti Facebook grupę" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/how-delete-facebook-group" class="hover:text-tech-500 transition-colors line-clamp-3">Kaip ištrinti Facebook grupę </a>
</h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
<!-- Categories -->
<div class="mt-8 mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Kategorija </h2>
</div>
<div class="flex flex-wrap gap-2">
<a href="/lt/blog/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Dienoraštis
</a> <a href="/lt/java-conversion/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Konvertavimas
</a> <a href="/lt/maths/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Matematika
</a> <a href="/lt/java-collections/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Kolekcijos
</a> <a href="/lt/differences/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Skirtumai
</a> <a href="/lt/java-string/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Eilutė
</a>
</div>
<!-- Interesting Articles Widget -->
<div class="mt-8">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Įdomios Straipsniai </h2>
</div>
<div id="owl-carousel-4" class="owl-carousel owl-theme">
<!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/shell-scripting/17/shell-scripting-loop.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Shell scenarijaus ciklas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/shell-scripting/">Shell Scenarijus </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/shell-scripting-loop">Shell scenarijaus ciklas </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/blog/14/9-sat-grammar-rules-you-must-know.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="9 SAT gramatikos taisyklės, kurias turite žinoti" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/blog/">Dienoraštis </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/9-sat-grammar-rules-you-must-know-131714">9 SAT gramatikos taisyklės, kurias turite žinoti </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/control-systems/91/routh-hurwitz-criterion.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Routh-Hurwitz kriterijus" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/control-systems/">Valdymo Sistemos </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/routh-hurwitz-criterion">Routh-Hurwitz kriterijus </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/bash-tutorial/53/bash-substring.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Bash poeilutė" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/bash-tutorial/">Bash Pamoka </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/bash-substring">Bash poeilutė </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/blog/52/yin-yang-what-does-symbol-mean.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Yin ir Yang: ką reiškia simbolis?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/blog/">Dienoraštis </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/yin-yang-what-does-symbol-mean-131406">Yin ir Yang: ką reiškia simbolis? </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/python-tutorial/86/rsme-root-mean-square-error-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="RSME – „Python“ šaknies vidurkio kvadrato klaida" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/python-tutorial/">Python Pamoka </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/rsme-root-mean-square-error-python">RSME – „Python“ šaknies vidurkio kvadrato klaida </a> </h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
</div>
</div>
</div>
<!-- /Aside Column --> </div>
</div>
</div>
<footer class="site-footer">
<div class="container">
<span class="footer-links">
Copyright ©2026 Visos Teisės Saugomos |
<a href="//www.techcodeview.com/bg/">techcodeview.com </a> |
<a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atsisakymas </a> |
<a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Apie Mus </a> |
<a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privatumo Politika </a>
</span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"> </script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"> </script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"> </script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"> </script>
<script>
!function(){"use strict";let t=document.createElement("button");t.id="toTopBtn",t.innerHTML="↑";let e=`
#toTopBtn {
position: fixed; bottom: 25px; right: 25px; z-index: 9999; opacity: 0; visibility: hidden; background-color: #0ea5e9; color: white; border: none; border-radius: 8px; width: 50px; height: 50px; font-size: 24px; cursor: pointer; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#toTopBtn:hover { background-color: #0284c7; }
`,i=document.createElement("style");i.type="text/css",i.innerText=e,document.head.appendChild(i),document.body.appendChild(t),window.addEventListener("scroll",()=>{let e=window.scrollY||document.documentElement.scrollTop;e>300?(t.style.opacity="1",t.style.visibility="visible"):(t.style.opacity="0",t.style.visibility="hidden")}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}();
</script>
</body>
</html>