আসসালামু আলাইকুম! কেমন আছেন সবাই? আশাকরি ভালোই আছেন সবাই।ওয়েব ডিজাইন শিখতে আগ্রহী নতুনদের জন্য শুরু করছি “ফ্রিল্যান্সিং করতে হলে জানতে হবে [পর্ব-০১] :: Html lesson-1: Html কি ? …”।তবে একটা কথা আগেই বলে রাখি, আমার গুরু কিন্তু বিভিন্ন টিউটোরিয়াল আর Google। বুঝতেই পারছেন আমার জ্ঞানের গরিমা কতদুর!
HTML এর পুরো শব্দসমুহ হল Hyper Text Markup Language। ইহা কতগুল tag এর সমণ্বয়ে গঠিত। এই টেগগুলো থেকে প্রয়োজনীয় টেগসমুহ সুবিধামত সাজিয়ে web page তৈরি করা হয়। প্রয়োজনীয় সংখ্যক কতগুলো wev page নিয়ে তৈরি হয় website ।প্রতিটি tag এর দুটি অশ থাকে start tag বা opening tag ও end tag বা closing tag ।কোন একটি টেগের start tag ও end tag এবং তাদের মধ্যবর্তী অংশকে একসাথে html element বলে।এই টেগগুলোর মধে প্রধান টেগটি হল <html> যার start tag হল <html> এবং end tag হল </html> । Html এর সবকিছু এই tag এর ভিতরে থাকে।এই মধ্যবর্তি অংশ দুই ভাগে বিভক্ত – <head></head> এবং <body></body> ।web page এর যে অংশটুকু ব্রাউজারে ভেসে আসে তা থাকে <body></body> এর ভিতরে ।<p></p> হল paragraph tag যার মধ্যকার লেখা টুকু browser এ সয়ংকক্রিয়ভাবে একটি paragraph হিসাবে দৃশ্যমান হয়। <style></style> টেগটি <body></body> এর মধ্যকার tag সমুহের styling করে।<style></style> tag টি থাকে <head></head> tag এর ভিতরে।<script></script> tag টি ও <head></head> tag এর ভিতরে থাকে।
<html> <head><title>This is Title</title> <style> p{color:red;} </style> </head> <body> <p> We are learning English.</p> </body> </html>
এই code টুকু notepad এ লিখে dextop এ save করুন। সেভ করা ফাইলটি select করে মাউসের right বাটনে click করুন । pop-up menu থেকে open with – firefox বা maxthon browser সিলেক্ট করুন ।browser এ code টির output দেখুন ।আজ এপর্যন্তই থাক।
আর কার সমস্যা হলে টিউমেন্ট করে জানা বেন আমি চেষ্টা করব আপনাদের কে সাহায্য করার
টিউনটি আগে এখানে প্রকাশিত। ভালো লাগলে বাংলা ব্লগ সাইট - freelancer tunes এও এক্টিভ থাকার জন্য অনুরোধ করছি।
আমি Sumon Web expert। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 7 টি টিউন ও 14 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
tnx