বিসমিল্লাহির রহমানির রহীম.
আশা করি সবাই ভালো আছেন।
আজকে আপনাদের জন্য সহজেই শিখি ওয়েব ডিজাইন ও HTML (টেকনিক পর্ব-১)[A to Z] এর ১ নং পর্ব নিয়ে হাজির হলাম
এই সিরিজটিতে খুব সহজে এবং কিছু ভিন্ন টেকনিক ব্যবহার করে html শেখানো হবে।এটার মাধ্যমে আপনারা খুব সহজে কোড গুলো মনে রাখতে পারবেন। এই সিরিজে আপনারা একটু মনোযোগ দিলেই HTML Language এর মাস্টার হয়ে উঠবেন আশা করি।(এই সিরিজটি যাদের কাছে HTML খুব কঠিন কিছু মনে হয় তাদের জন্য তৈরী)
তো চলুন শুরু করা যাক আজকের পর্বটিঃ
★প্রথমে জানি HTML ভাষা শিখতে হলে কি জানতে হবে?
যেকোনো ভাষা শিখতে গেলে প্রথনে সে ভাষার কিছু বর্ণ শব্দ ও এর সাথে আরো কিছু বিষয় জানতে হয়।যেমন- ইংরেজি ভাষা শিখতে গেলে a,b,c,d এবং তারপর তা দিয়ে কিছু word ও বাক্য তৈরী শিখতে হয়।এরকমই HTML ভাষা শিখতে গেলেও কিছু বর্ণ, শব্দ,বাক্য তৈরীর নিয়ম জানা লাগে।আর HTML এর ভাষায় এই বর্ণ শব্দ এগুলো tag,attribute.... নামে অবিহিত করা হয়।প্রতিটি tag এর প্রথমে <> এই চিহ্ন ও শেষে </> এই চিহ্ন দিয়ে লিখা হয়। অার tag এর বৈশিষ্ট্য উল্লেখ করার জন্য attribute ব্যবহার করা হয়।এই বিষয়টিকে উদাহরণ দিয়ে দিয়ে প্রত্যেকটির কাজসহ লেখার চেষ্টা করব।.
তো চলুন এবার দেখি কিভাবে এই tag ও attribute গুলো কাজ করে-
.
★আজকের পোস্টে আমরা যা যা শিখবঃ.
১.কিভাবে HTML এর BODY এর লেখাগুলো Show করাতে হয়?
২.কিভাবে HTML দিয়ে শিরোনাম(heading) লিখতে হয়?৩. কিভাবে HTML দিয়ে pragraph আকারে লিখতে হয়?
Answes:
HTML ডকুমেন্ট <html> দিয়ে শুরু হয় এবং </ html> দিয়ে শেষ হয়।
১.HTML BODY Tag:
html ডকুমেন্টের দৃশ্যমান অংশটি <body> এবং </body> এর মধ্যে থাকে
উদাহরণ-
<HTML>
<Body>
Thank you very much for reading this post.Stay with Tahercoxbd
</ Body>
</HTML>
||এই Code টি Comment section এ লিখে অাপনারা try করতে পারেন||
২.HTML Heading Tag:
HTML এ কোনো শিরোনামকে <h1> থেকে <h6> ট্যাগ দিয়ে লেখা হয়।যেমন- এখানে উপরে "HTML Heading Tag:" শিরোনামটি tag ব্যবহার করে গাড় ও বড় করা হয়েছে।<h1> দিয়ে সর্বাদিক বড় ও গাড় শিরোনামকে লেখা হয়। <h6> দিয়ে সর্বাধিক ছোট ও হালকা শিরোনামকে লেখা হয়।
উদাহরণঃ
a)<h1> HTML এর এটি প্রথম পর্ব </ h1>
b) <h2>HTML এর এটি প্রথম পর্ব </h2>
c) <h3> HTML এর এটি প্রথম পর্ব </ h3>||এই Code টি Comment section এ লিখে অাপনারা try করতে পারেন||
৩.HTML pragraph tag:
এইচটিএমএল pragraph গুলোকে <p> ট্যাগ দিয়ে লেখা হয়।
উদাহরণ-
<p>Click on Like button if this post give any benefit to you. Try it in comment box </ p>
||এই Code টি Comment section এ লিখে অাপনারা try করতে পারেন||
.
★Post এর Summary
অাজকে আমরা একটি web page এ নিচের code গুলোর ব্যবহার শিখে ফেলেছি।পোস্টের সব পর্ব শেষ হলে ওয়েব পেজে html এর অন্যান্য বিষয়গুলোও আমরা Add করতে পারব
.
<html>
<Body>
Thank you very much for reading this post.Stay with Tahercoxbd
<h1> HTML এর এটি প্রথম পর্ব </ h1>
<p>Click on Like button if this post give any benefit to you. Try it in comment box </ p> </ Body>
</html>
||এই Summary তে তৈরী html page টি আপনারা Comment Box এ লিখে try করতে পারেন||
.
তো আজ এ পর্যন্তই। আশা করি পোস্টটি আপনার উপকারে আসবে।অার হ্যা পোস্টটিতে যদি আপনার এতটুকুও উপকার হয় তাহলে কমেন্টে একটা thanks বলতে ভুলবেন না
লক্ষ্য করুনঃপোস্টটি মানুষের উপকারের উদ্দেশ্যে লেখা হয়েছে।দয়া করে এটা কোনো খারাপ কাজে ব্যবহার করবেন না।এটা কোনো খারাপ কাজে ব্যবহার করলে লেখক দায়ী নয়।
কোনো ভুল হলে ক্ষমাসুন্দর দৃষ্টিতে দেখবেন।আর দয়া করে পোস্টটি কোনো খারাপ কাজে লাগাবেন না।এটি ব্যবহার করে কেউ কোনো খারাপ কাজ করলে লেখক দায়ী নয়।পোস্টটি সপূর্ণ শিক্ষার উদ্দেশ্যে লেখা হয়েছে।
(ধন্যবাদ)
[A to Z] ){kind=link}
0 Comments