আগের পর্ব টি পড়ুনঃ
ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ১ঃ প্রাথমিক ধারণা
আজকে শিখবো এইচটিএমএল এর গঠন ও এইচটিএমএল ট্যাগ।
এইচটিএমএল গঠনঃ
প্রথমে নিচের কোড টি কপি করে আপনার এডিটরে আগের মত করে সেভ করুন। তারপর ফাইল টি ব্রাউজার এ রান করান।
<!DOCTYPE html> <html> <head> <title>Title of your page which show on your title bar</title> </head> <body> the actual content for the web page window (the viewport) goes here </body> </html>
ব্রাউজার এ দেখাবে, "the actual content for the web page window (the viewport) goes here"। আপনি যে কোনও কোড লিখলে তা অবশ্যই <body> ট্যাগ এর মধ্যে থাকবে। আপনাকে আরও বুঝিয়ে দিচ্ছিঃ
দুই একটি ব্যতিক্রম ছাড়া সকল ট্যাগ এর ফরম্যাটঃ
<ট্যাগ> আপনার প্রয়োজনীয় বিষয় </ট্যাগ>।
আমি উপরে যে কোড টি দিয়েছি তা এইচটিএমএল এর ব্যসিক কোড। এটি ছাড়া আপনি এইচটিএমএল এর কাজ করতে পারবেন না। উপরে দেখুন,
<!DOCTYPE html>
<html> <head> <title>Title of your page which show on your title bar</title> </head> <body> the actual content for the web page window (the viewport) goes here </body> </html>
<head> <title>Title of your page which show on your title bar</title> </head> <body> the actual content for the web page window (the viewport) goes here </body>
<head> <title>Title of your page which show on your title bar</title> </head>
<body> the actual content for the web page window (the viewport) goes here </body>
এইচটিএমএল ট্যাগঃ
এইচটিএমএল ট্যাগ হল কিছু নাম যা থার্ড ব্র্যাকেট এর মধ্যে রাখতে হয়। ট্যাগ এর দুটি পার্ট থাকে।
যেমনঃ <P> something </p>। এখানে p একটি ট্যাগ যার <P> হল ওপেনিং ট্যাগ ও </p> হল ক্লোজিং ট্যাগ। এইচটিএমএল এ প্রচুর ট্যাগ রয়েছে। আমি কিছু ব্যসিক ট্যাগ নিচে দিলামঃ
<!DOCTYPE> <a> <abbr> <acronym> 2 <address> <applet> 3 <area> <article> <aside> <audio> <b> <base> <basefont> 4 <bdi> <bdo> <big> 4 <blockquote> <body> <br> <button> <canvas> <caption> <center> 4 <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> 4 <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> 5 <wbr>
এইচটিএমএল এর বিভিন্ন ভার্সন অনুযায়ী ট্যাগ কিছুটা আলাদা। পরে এইচটিএমএল ভার্সন সম্পর্কে আলোচনা করব। উপরের ট্যাগ গুলোর ক্লোজিং পার্ট আছে।
ক্লোজিং পার্ট নাই এমন ট্যাগ ও কিছু আছে যেমনঃ
<area > <base> <br> <col> <command> <embed> <hr> <img> <input> <link> <meta> <param> <source>
আজকে এ পর্যন্তই। আগামী পর্বে নতুন কিছু নিয়ে আলোচনা করব। যারা ওয়েব ডিজাইন শিখতে চান তারা গুগল সার্চ করে এই বিষয় গুলো সম্পর্কে আরও জানুন ও বেশি বেশি প্র্যাকটিস করুন। কোনও প্রশ্ন থাকলে টিউনমেন্ট করুন।
পূর্বে এখানে প্রকাশিত।
আমি রিপন শাহ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 13 টি টিউন ও 18 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
good job…………..