এইচ টি এম এল (ইংৰাজী : HTML ) হ’ল 'হাইপাৰ টেক্সট মাৰ্কআপ লেংগুৱেজ' (Hyper Text Markup Language)-ৰ চমু ৰূপ। ই প্ৰগ্ৰামিং লেংগুৱেজ নহয় যদিও, তাৰ দৰেই এই মাৰ্কআপ লেংগুৱেজসমূহো, টেগসমূহৰ সহায়ত ৱেবপেজৰ তথ্যসমূহৰ বিভিন্নধৰণৰ আকৃতিৰ সাধাৰণ পৰিকাঠামোবোৰ সজোৱাত সহায় কৰে। ইয়াক চি এছ এছ আৰু জাভাস্ক্ৰীপ্টৰ সহায়ত উন্নতমানৰ ৰূপ প্ৰদান কৰিব পাৰি।
এইচ টি এম এল এইচ টি এম এলৰ শেহতীয়া সংস্কৰণ এইচ টি এম এল ৫ -ৰ আনুষ্ঠানিক ল’গ’৷ ফাইলনেইম এক্সটেনছন Internet media type text/html
টাইপ ক'ড TEXT বিকাশকৰ্তা WHATWG প্ৰাৰম্ভিক মুকলি ১৯৯৩; ৩১ বছৰ আগতে (1993 ) শেহতীয়া মুকলি ফৰমেটৰ প্ৰকাৰ Document file format Container for HTML elements Contained by Web browser Extended from SGML Extended to XHTML Open format? হয় ৱেবছাইট html
ইণ্টাৰনেটত ৱেবছাইটৰ পেজসমূহ তৈয়াৰ কৰাত ই সকলোতকৈ জনপ্ৰিয়। ইয়াৰ এক্সটেনশ্বন ফাইল .html আৰু .htm উভয়ে হ’ব পাৰে। বিভিন্ন ধৰণৰ টেগ ব্যৱহাৰ কৰি এই এইচ টি এম এলৰ সহায়ত বিভিন্ন ধৰণৰ ফৰমেট তৈয়াৰ কৰিব পাৰি। ইয়াৰ শেহতীয়া সংস্কৰণটো হ’ল- এইচ টি এম এল ৫ (HTML5) ।
ইতিহাস
টিম বাৰ্নাৰ্ছ লী (Tim Berners-Lee); এপ্ৰিল ২০০৯১৯৮০ চনত ব্ৰিটিছ কম্পিউটাৰ বিজ্ঞানী টিম বাৰ্নাৰ্ছ লী চাৰ্ণৰ (CERN) এজন ঠিকাদাৰ আছিল। পোনপ্ৰথমে চাৰ্ণ গৱেষকসকলোৰ মাজত দস্তাবেজ শ্বেয়াৰ কৰাৰ কাৰণে ENQUIRE prototyped নামৰ এটি System -ৰ প্ৰস্তাৱ দিয়ে। ১৯৮৯ চনত টিম বাৰ্নাৰ্ছ লীয়ে ব্ৰাউজাৰ তথা চাৰভাৰৰ চফ্টৱেৰ এইচ টি এম এল (HTML) -ৰ কথা উল্লেখ কৰে। এবছৰতেই চাৰ্ণৰ তথ্য চিষ্টেম ইঞ্জিনীয়াৰ Robert Cailliau -ৰ সৈতে যৌথভাৱে চাৰ্ণৰ ই প্ৰকল্পৰ বাবে অনুৰোধ কৰে, যদিও প্ৰকল্পটো আনুষ্ঠানিকভাৱে চাৰ্ণৰ দ্বাৰা গৃহীত নহয়।
এইচ টি এম এলৰ সংস্কৰণসমূহ
সংস্কৰণ চন এইচ টি এম এল ১৯৯১ এইচ টি এম এল ২.০ ১৯৯৫ এইচ টি এম এল ৩.২ ১৯৯৭ এইচ টি এম এল ৪.০.১ ১৯৯৯ এক্স এইচ টি এম এল ২০০০ এইচ টি এম এল ৫ ২০১৪
সংস্কৰণ First draft Candidate recommendation Recommendation HTML 5.0 2007 2012 2014 HTML 5.1 2012 2015 2016 HTML 5.2 2015 2017 2017 HTML 5.3 2017 প্ৰযোজ্য নহয় প্ৰযোজ্য নহয়
মাৰ্কআপ
এইচ টি এম এল ৰ পেজৰ গঠন* টোকা : ইয়াৰে কেৱল
উদাহৰণস্বৰূপে < html > < body > < h1 > হেডিং নম্বৰ ১h1 > < h2 > হেডিং নম্বৰ ২h2 > < h3 > হেডিং নম্বৰ ৩h3 > < h4 > হেডিং নম্বৰ ৪h4 > < h5 > হেডিং নম্বৰ ৫h5 > < h6 > হেডিং নম্বৰ ৬h6 > body > html >
< h1 > আৰু h1 > , < h2 > আৰু h2 > , < h3 > আৰু h3 > , < h4 > আৰু h4 > , < h5 > আৰু h5 > , < h6 > আৰু h6 > আদি প্ৰদৰ্শিত নহয়। ) হেডিং নম্বৰ ১
হেডিং নম্বৰ ২
হেডিং নম্বৰ ৩
হেডিং নম্বৰ ৪
হেডিং নম্বৰ ৫
হেডিং নম্বৰ ৬
এইচ টি এম এল টেগৰ উদাহৰণ
টেগৰ নাম নাম ফাংচন কোডৰ উদাহৰণ ড’কটাইপ ই নথিৰ প্ৰকাৰক বুজায়। এইচ টি এম এল ই এইচ টি এম এল ডকুমেণ্টক বুজায় আৰু ই এইচ টি এম এল নথি আৰম্ভ কৰে। হেড ৱেবপেজত ব্যৱহৃত উপাদানসমূহ প্ৰদৰ্শন নকৰিবলৈ এই কোড ব্যৱহাৰ কৰা হয়। </code> </td> <td>টাইটেল </td> <td>ৱেবপেজৰ শিৰোনাম নিৰ্ধাৰণ কৰে (টেব (জিইউআই) ত প্ৰদৰ্শিত হ’ব), ইয়াক <code><head></code>-ৰ মাজত ৰখা হয়। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">title</span><span class="duhoc-as p">></span>Webpage<span class="duhoc-as p"></</span><span class="duhoc-as nt">title</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code><body></code> </td> <td>বডী </td> <td>এই অংশৰ উপাদানসমূহ ৱেবপেজত দৃশ্যমান হয় (ইয়াত অনুচ্ছেদৰ লগতে আৰু কিছু থাকে)। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">body</span><span class="duhoc-as p">></span>Html tags<span class="duhoc-as p"></</span><span class="duhoc-as nt">body</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code><h1></code> -ৰ পৰা <code><h6></code> লৈ </td> <td>হেডিং </td> <td>বিভিন্ন আকাৰৰ শিৰোনাম (<code><h1></code> হৈছে বৃহত্তম) </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">h1</span><span class="duhoc-as p">></span>Heading<span class="duhoc-as p"></</span><span class="duhoc-as nt">h1</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code><p></code> </td> <td>প্ৰেগ্ৰাফ </td> <td>পাঠ্যৰ এটি অনুচ্ছেদ নিৰ্ধাৰণ কৰে। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">p</span><span class="duhoc-as p">></span>TEXT<span class="duhoc-as p"></</span><span class="duhoc-as nt">p</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code><a></code> </td> <td>এংকৰ </td> <td>অন্যান্য ৱেবপেজৰ সক্ৰিয় লিংক তৈয়াৰ কৰে। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">a</span> <span class="duhoc-as na">href</span><span class="duhoc-as o">=</span><span class="duhoc-as s">"www.domain.com"</span><span class="duhoc-as p">></span>Visit our site<span class="duhoc-as p"></</span><span class="duhoc-as nt">a</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code><img></code> </td> <td>ইমেজ </td> <td>পৃষ্ঠাত এখন চিত্ৰ প্ৰদৰ্শন কৰে। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">img</span> <span class="duhoc-as na">src</span><span class="duhoc-as o">=</span><span class="duhoc-as s">"ImageUrl"</span> <span class="duhoc-as na">alt</span><span class="duhoc-as o">=</span><span class="duhoc-as s">"Text displayed if image is not available"</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code><br></code> </td> <td>ব্ৰেক </td> <td>ই একক লাইনৰ বিৰতি কৰায়। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span>Text <span class="duhoc-as p"><</span><span class="duhoc-as nt">br</span><span class="duhoc-as p">></span> Text </pre></div> </td></tr> <tr> <td><code><center></code> </td> <td>চেণ্টাৰ </td> <td>কোনো এটা বিষয় পৃষ্ঠাৰ কেন্দ্ৰলৈ লৈ যায়। </td> <td><div class="duhoc-as mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-as p"><</span><span class="duhoc-as nt">center</span><span class="duhoc-as p">></span>Code<span class="duhoc-as p"></</span><span class="duhoc-as nt">center</span><span class="duhoc-as p">></span> </pre></div> </td></tr> <tr> <td><code> <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></noscript><script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js" crossorigin="anonymous"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" crossorigin="anonymous"></script><script defer src="https://cdn.jsdelivr.net/gh/tomickigrzegorz/show-more@1.1.6/dist/js/showMore.min.js" crossorigin="anonymous"></script><script>document.addEventListener('DOMContentLoaded', function(){$(document).ready(function(){ $("img").addClass("duhoc_responsive lazyload"); $("table").addClass("table-responsive");$(".toctogglespan, #mw-mf-main-menu-button").click(function(){$(".toclist_viewer").toggle(200);/*$("header").removeClass("header-fixed").hide(); */ });$(".toctext").click(function(){/*$("header").removeClass("header-fixed"); */ });$("a.external, a.new, a.image, a.extiw, a.text, a.free, a.internal, a.last-modified-bar, a.mw-file-description").click(function(){window.open(this.href);return false;}); $(".back-to-top").click(function(){ $("html, body").animate({scrollTop : 0},"slow"); return false; });$(".back-to-top").hide();/**$(".reflist").hide(); function sticky_relocate() { var window_top = $(window).scrollTop(); var footer_top = $("#footer-info").offset().top; var div_top = $("#Other_languages").offset().top; var div_height = $(".top_lang").height(); var padding = 200; console.log(window_top + " "+ div_height + " " +padding + " --> " + footer_top); if(window_top + div_height +padding> footer_top){ $(".article_footer_sticky").hide(); }else{ $(".article_footer_sticky").show(); } } $(function () { $(window).scroll(sticky_relocate); sticky_relocate(); });**/});$(window).scroll(function(){ var showAfter = 200; if ($(this).scrollTop() > showAfter) { $(".back-to-top").fadeIn(); } else { $(".back-to-top").fadeOut(); }});new ShowMore(".minerva-languages", {config: { type: "list", limit: 23, number: true, more: "→ All languages", less: "← Less"} });});</script><script>function mfTempOpenSection(getID) {var x = document.getElementById("mf-section-"+getID); if (x.style.display === "none") { x.style.display = ""; } else { x.style.display = "none"; }}</script><!-- Global site tag (gtag.js) async - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-GTLLE2Y4Q3"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GTLLE2Y4Q3');</script></body> </html>
