HomeGraphics Designএই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট

এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট

بسم الله الرحمن الرحيم
(HCC -1) Html CSS শিখার জন্য কি কি প্রয়োজন আজকের পর্বে আমরা শিখব এইচটিএমএল কি এবং আপনার প্রথম ওয়েব পেজ তৈরীর কাজ । HTML-এর পূর্ণরূপ হল Hypertext Markup Language । এটি ওয়েব প্রোগ্রামের একটি ল্যাঙ্গুয়েজ । এটি দিয়ে ওয়েব ডিজাইনের স্ট্রাকচার তৈরি করা হয় । আমরা ইন্টারনেট ব্রাউজ করলে যে ওয়েব পেজ গুলি দেখতে পারি সেগুলো সব গুলো HTML দিয়ে তৈরি । HTML দিয়ে মূলত ওয়েব পেজের বা ওয়েব ডিজাইনের স্ট্রাকচার তৈরি করা হয় । এইযে আমার যত প্রকার ওয়েবসাইট দেখতেছি তার মূলে রয়েছে এইচটিএমএল । আশা করি বুঝতে পেরেছেন । তো চলুন এবার চলে যায় আপনার প্রথম ওয়েব পেজ তৈরীর কাজে । প্রত্যেকটি ওয়েবপেজ তৈরী এর জন্য একটা ডিফিকাল্ট কোড থাকে । your name</head Hi! It’s my first web page .I am learning html from projuktimama.xyz .A new প্রথমে এই কোডটি কপি করে আপনার app পেস্ট করবেন । Java user রা একটি টেক্সট ফাইল তৈরি ঠিক করে সেখানে কোড গুলো রাখুন । টেক্সট ফাইল এডিট করার জন্য mini commander use করবেন ‌‌। আমি গত পোস্টে বলেছি । এখন চলুন আজকের কোড ব্যাখ্যা জেনে নেই । Code টির প্রথমে ছিল ….. <প্রত্যেকটি কোড এর দুইটা অংশ থাকে শুরুর অংশ এবং শেষের অংশ । প্রত্যেকটি কোডকে ট্যাগ বলা হয় । প্রথম অংশকে বলে অপেনিং ট্যাগ এবং শেষের অংশকে বলে ক্লোজিং ট্যাগ ।যদি আপনার কোডে এই দুটি অংশ না থাকে তাহলে আপনার কোড কাজ করবেনা । এইচটিএমএল আসলে tag এর খেলা . যে যত বেশী জানবে সে তত বেশি পারদর্শিতা অর্জন করবে । আজকে শুধু আমরা মূল স্ট্রাকচারটা সম্পর্কে জানব ।আমি উপরে যে কোড টি দেখিয়েছি । তা একটি এইচটিএমএল ফাইল এর মূল স্ট্রাকচার ।এখানে যে ট্যাগগুলো আছে এগুলো না থাকলে কোন এইচটিএমএল ফাইল কাজ করবে না । এর প্রথমে যেটা আছে সেটা সব সময় থাকবে অর্থাৎ প্রত্যেক এইচটিএমএল ফাইল এর শুরুতে থাকতেই হবে । এটি না থাকলে কাজ করবে না ।এরপর আসে টাইটেল ট্যাগ । এটির কাজ হচ্ছে একটি ওয়েবসাইটের হেডলাইন তৈরি করা । এটি ওয়েবপেজের অংশ নয় । এরপর আসে বডি ট্যাগ । Hi! It’s my first web page .I am learning html from Rifat520.Wapaxo.Com A new Technology Bangla Blogging platform . এই বডি tag এ মূলত একটি ওয়েব পেজের সবকিছু থাকে । অর্থাৎ আপনি আপনার ওয়েব পেজে যা যা রাখতে চান টা আপনাকে এই ট্যাগে লিখতে হবে । যেমন এখানে আমরা যেটা লিখেছি আসলে সেটি আমাদের ওয়েব পেজে দেখাবে ।প্রথমে আমি যে কোডটি দিয়েছিলাম তা কপি করে আপনার এইচটিএমএল এডিটর সফটওয়্যার এ পেস্ট করে সেভ করে দিন । তারপরে তা আপনি আপনার যেকোনো একটি ব্রাউজার এ ওপেন করুন । তাহলে আপনি আপনার লেখা কোডটির ফলাফল আপনার ওয়েব পেজে দেখতে পাবেন । এবং এটি আপনার প্রথম ওয়েব পেজ । আজকে আমরা এ পর্যন্ত শিখলাম । </div> <div class="post_options"> <table width="100%"> <td style="float: left;"> <span>5 months ago (January 24, 2021)</span> </td> <td style="float: right; text-align: right"> <span>95 Views</span> </td> </table> </div> </div> <div class="tagcloud">Tags <a href="https://tipstrickbd.com/tag/%e0%a6%8f%e0%a6%87-%e0%a6%aa%e0%a7%8b%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a6%9f%e0%a6%bf-%e0%a6%aa%e0%a7%9c%e0%a7%81%e0%a6%a8-%e0%a6%86%e0%a6%b0-%e0%a6%b9%e0%a7%9f%e0%a7%87-%e0%a6%af%e0%a6%be%e0%a6%a8-html/" rel="tag">এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট</a></div> <table class="like_report" style=""><td class="like" style=""><span class="sl-wrapper"><a href="https://tipstrickbd.com/wp-admin/admin-ajax.php?action=process_simple_like&post_id=2021&nonce=1791bb6a3a&is_comment=0&disabled=true" class="sl-button sl-button-2021" data-nonce="1791bb6a3a" data-post-id="2021" data-iscomment="0" title="Like" style="color: white; background: blue; display: inline-block;" id="sl-button"><span class="sl-icon"><i class="fa fa-thumbs-up"> </i> </span>Like <span class="sl-count">4</span><span id="sl-loader"></span></a></span></td> <td align="center" style="text-align: center;"> </td> <td align="center" style="text-align: center;"> </td> <td class="report" style="float: right; text-align: center;"><div class="report"><a id="rel" href="https://tipstrickbd.com/wp-login.php?redirect_to=https%3A%2F%2Ftipstrickbd.com%2Fgraphics-design%2F2021%2F" class="report_actions">Report</a></div> </td> </table></div> <div class="main_share" align="center"> Direct Link: <input type="text" style="display: inline-block; width: 200px;" value="https://tipstrickbd.com/graphics-design/2021/" readonly="readonly"/><br/> <a href="https://www.facebook.com/sharer.php?u=https://tipstrickbd.com/graphics-design/2021/&t=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট" target="_blank" style="background: darkblue;"> <i class="fa fa-facebook"> </i> Share </a> <a href="https://twitter.com/intent/tweet?text=https://tipstrickbd.com/graphics-design/2021/&t=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট" target="_blank" style="background: blue;"> <i class="fa fa-twitter"> </i> Tweet </a> <a href="https://plus.google.com/share?url=https://tipstrickbd.com/graphics-design/2021/&t=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট" target="_blank" style="background: red;"> <i class="fa fa-google-plus"> </i> Plus </a> <a href="https://pinterest.com/pin/create/bookmarklet/?media=&url=https://tipstrickbd.com/graphics-design/2021/&t=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট" target="_blank" style="background: #FE4C49;"> <i class="fa fa-pinterest-p"> </i> Pin </a> <a href="sms:+88?body=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট | Read now - https://tipstrickbd.com/graphics-design/2021/" style="background: #01A9BF;"> <i class="fa fa-sms"> </i> Send SMS </a> <a href="whatsapp://send?text=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট | Read Now - https://tipstrickbd.com/graphics-design/2021/" target="_blank" style="background: #0BDE82;"> <i class="fa fa-whatsapp"> </i> Send </a> <a href="mailto:00?body=Read Now - https://tipstrickbd.com/graphics-design/2021/&subject=এই পোস্টটি পড়ুন আর হয়ে যান Html এক্সপার্ট | TipsTrickBD" target="_blank" style="background: #BA01CD;"><i class="fa fa-envelope"> </i> Email </a> </div> <div class="author_block"><h2>About Author (6)</h2> <div class="author_single"> <table width="100%"> <td class="avata_post"><img alt='' src='https://secure.gravatar.com/avatar/800354a557b457fad99770a8527fc9c9?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/800354a557b457fad99770a8527fc9c9?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' /></td> <td class="author_name"><a href="https://tipstrickbd.com/author/rifat-hasan/" title="Posts by Rifat Hasan" rel="author">Rifat Hasan</a> <div class="user_role">Contributor</div> <p></p> </td> </table> </div> </div> <!-- You can start editing here. --> <div class="block_comment"> <a name="comments" id="comments"></a> <!-- If comments are open, but there are no comments. --> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> <div id="respond"> <h3>Leave a Reply</h3> <div class="cancel-comment-reply"> <small> <a rel="nofollow" id="cancel-comment-reply-link" href="/graphics-design/2021/#respond" style="display:none;">Click here to cancel reply.</a> </small> </div> <p>You must be <a href="https://tipstrickbd.com/wp-login.php?redirect_to=https%3A%2F%2Ftipstrickbd.com%2Fgraphics-design%2F2021%2F">Logged in</a> to post comment.</p> </div> </div> </div> <div class="block_posts"><h2>Related Posts</h2><ul class="rpul"> <li><img width="50" height="50" src="https://tipstrickbd.com/wp-content/uploads/2021/01/53.png" class="featured_image wp-post-image" alt="" /> <a href="https://tipstrickbd.com/graphics-design/2002/" title="সাইটের লগো অটোমেটিক চেন্জ করার উপায়">সাইটের লগো অটোমেটিক চেন্জ করার উপায়</a> <p>Jan 24, 2021 | <a href="https://tipstrickbd.com/graphics-design/2002/#respond">No Comments</a> | 98 Views</p></li> <li><img width="60" height="60" src="https://tipstrickbd.com/wp-content/uploads/2021/01/Graphic-Design-60x60.jpeg" class="featured_image wp-post-image" alt="" srcset="https://tipstrickbd.com/wp-content/uploads/2021/01/Graphic-Design-60x60.jpeg 60w, https://tipstrickbd.com/wp-content/uploads/2021/01/Graphic-Design-150x150.jpeg 150w" sizes="(max-width: 60px) 100vw, 60px" /> <a href="https://tipstrickbd.com/graphics-design/1433/" title="গ্রাফিক ডিজাইন করে মাসে লক্ষ লক্ষ টাকা আয় করুন ।">গ্রাফিক ডিজাইন করে মাসে লক্ষ লক্ষ টাকা আয় করুন ।</a> <p>Jan 18, 2021 | <a href="https://tipstrickbd.com/graphics-design/1433/#comments">3 Comments</a> | 128 Views</p></li> </ul></div> <div class="block_fotter"> <div class="fb-page" align="center"><script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe" data-channelid="UCE9vR_DDZQgmMHhaRQzHwUw" data-layout="full" data-count="default"></div><br/><div class="row" style="width: 97%;"><div class="col-sm-6"><a href="https://facebook.com/groups/45953448173368949/" style="background: white; color: blue; padding: 5px; font-size: 10px;">Join Facebook Group</a></div><div class="col-sm-5" style="margin: 10px;"><a href="https://facebook.com/tipstrickbd" style="background: white; color: blue; padding: 5px; font-size: 10px;">Buy A Theme</a></div></div></div> <div class="footer_left"> <div class="menu-footer-mobile-left-container"> <ul id="menu-footer-mobile-left" class="menu"><li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="/about">About Us</a></li> <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="/contact-us">Contact Us</a></li><li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="/advertise">Advertise</a></li> <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="/terms">Terms of Use</a></li><li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="/report">Report</a></li><li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="/team">Support Team</a></li> </ul></div></div> <div class="footer_right"><div class="menu-footer-mobile-right-container"><ul id="menu-footer-mobile-right" class="menu"><li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="/rights">User Rights</a></li> <li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="/privacy">Privacy Policy</a></li> <li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><a href="/faq">FAQ</a></li> <li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="/copyright">Copyright issues</a></li> </ul></div></div> <a href="#top" style="position: fixed; bottom: 3%; right: 3%; color: white; background: blue; padding: 5px; font-size: 15px; border-radius: 8px;"><i class="fa fa-arrow-up"></i></a> <br/> <div class="switch_pc"><small><a href="#ss">© 2021 All Right Received</a></small></div></div> </div> </body> </html>