শুক্রবার, ২২ ফেব্রুয়ারী, ২০১৩

এইচটিএমএল টিউটোরিয়াল । HTML Tutorial

বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন । আপনাদের দোয়াই আমিও ভালো আছি । আজকে আমার এইচটিএমএল নিয়ে প্রথম পোস্ট । আমার
আশা এই পোস্ট গুলো থেকে আপনি সম্পূর্ণ এইচটিএমএল শিখতে পারবেন । তাহলে শুরু করা যাক । আজকে আমাদের বিষয় এইচটিএমএল ভুমিকা অথবা সূচনা । 
এই কোড টি লক্ষ করুনঃ
<!DOCTYPE html>
<html>
<body>
<h1>MY First Heading</h>
<p>MY first paragraph.</p>
</body>
</html>  
কোড টি বুঝে নিনঃ
১। <!DOCTYPE html> এটা দ্বারা বুঝায় কোন ডকুমেন্টের ধরণ ।
২। <html> এটা শুরু করতে হয় <html> এই ট্যাগ দিয়ে এবং শেষ করতে হয় </html> এই ট্যাগ দিয়ে । এটা বর্ণনা করবে একটি ওয়েব পেজ ।
৩। <body> এটা শুরু করতে হয় <body> এই ট্যাগ দিয়ে  এবং শেষ করতে হয় </body> এই ট্যাগ দিয়ে । এটি দিয়ে হয় একটি সুস্পষ্ট  পেজ কনটেন্ট ।
৪।<h1>এটা শুরু করতে হয় <h1> এই ট্যাগ দিয়ে এবং শেষ করতে হয় </h1> এই ট্যাগ দিয়ে । এটি দিয়ে আপনার ওয়েব পেজ একটি শিরোনাম দেখাতে পারবেন ।
৫। <p> এটা শুরু করতে হয় <p> এই ট্যাগ দিয়ে এবং শেষ করতে হয় </p> এই ট্যাগ দিয়ে ।
এটা দিয়ে আপনার ওয়েব পেজে একটি প্যারাগ্রাফ দেখাতে পারবেন ।
<!DOCTYPE html> এটা HTML5 এর জন্য ।

এইচটিএমএল / HTML কিঃ
এইচটিএমএল /HTML হয় একটি ভাষা এটা দিয়ে আপনি একটি ওয়েব পেজ তৈরি করতে পারবেন ।
১। HTML / এইচটিএমএল পুরো নামঃ Hyper Text Markup Language  ( HTML )।
২। এইচটিএমএল কোন প্রোগ্রামার ভাষা নয় এটিMarkup ভাষা ।
৩। একটি Markup ভাষা হয় একটি Markup ট্যাগস দিয়ে ।
৪। ট্যাগস বর্ণনা করে একটি ডকুমেন্ট কনটেন্ট ।
৫। এইচটিএমএল ডকুমেন্টস বর্ণনা করে একটি এইচটিএমএল ট্যাগস এবং একটি সহজ টেক্সট/ text ।
৬। ডকুমেন্ট সবসময় ডাকে একটি ওয়েব পেজ ।
এইচটিএমএল / HTML ট্যাগসঃ
এইচটিএমএল Markup ট্যাগস সবসময় চলে এইচটিএমএল ট্যাগস দিয়ে ।
১। এইচটিএমএল ট্যাগস keyword অথবা ট্যাগস নামে দুই পাশে দুই টি brackets বসে । যেমন- <html> ।
২। এইচটিএমএল ট্যাগস সাধারণত থাকে <b> এবং </b> এভাবে ।
৩। এখানে প্রথম ট্যাগস টি হল শুরু করার ট্যাগ এবং দ্বিতীয় টি হল শেষ করার ট্যাগস ।
৪। শেষ ট্যাগ ট্যাগ নাম আগে একটা ফরওয়ার্ড স্ল্যাশ সঙ্গে, শুরু ট্যাগ মত করা ।
৫। শুরু করার ট্যাগস কে বলা হয় opening tags এবং শেষ করার ট্যাগস কে বলা হয় clossing tags । নিচের লিখা টি লক্ষ করুনঃ
<tagname>content</tagname>
এইচটিএমএল / HTML এলিমেন্টস / Elements :
 এইচটিএমএল ট্যাগ এবং এইচটিএমএল এলিমেন্ট প্রায় একই জিনিস বর্ণনা করে । কিন্তু কঠোরভাবে একটি এইচটিএমএল এলিমেন্ট ট্যাগ সহ,, শুরু এবং শেষ ট্যাগ ট্যাগ মধ্যে সবকিছু যোগ করতে হয় ।
এইচটিএমএল এলিমেন্টঃ
<p>This is a paragraph.</p> 
ওয়েব ব্রাউজারঃ
যে যে ওয়েব ব্রাউজার এ এইচটিএমএল কোড দেখতে পারবেনঃ Google Chrome, Internet Explorer, Firefox, Safari ইত্যাদি দিয়ে আপনি এইচটিএমএল কোড দেখতে পারেন । আপনি কখনো ব্রাউজার এ ট্যাগস গুলো দেখবেন না । আপনি যেটা ব্রাউজার এ দেখতে পারবেন সেটা নিচে চিত্রে মাধ্যমে দেখানো হলঃ


এইচটিএমএল / HTML এর পৃষ্ঠা গঠনঃ
 
এইচটিএমএল ভার্সনঃ
 
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । এর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থু থাকুন।
দয়া করে কেউ এই ব্লগের কিছু চুরি করবেন না ।


কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন