নিজে নিজেই শিখি Html , পর্ব - ০২ ।। Learning Html Part 02
নমস্কার/আদাব।
আশা করি সকলেই ভালো আছেন আর সেই সাথে আমিও ভালই আছি।
আজকে আবারও পর্ব দুই নিয়ে আপনাদের সাথে আমি হাজির হয়েছি , আশা করি আজকের পরবও আপনাদের অনেক অনেক ভালই লাগবে। তো বন্ধুরা চলুন শুরু করা যাক।
...Lets Start...
আমি গত পর্বে আপনাদের বলেছিলাম যে আজকে নতুন পর্ব নিয়ে আপনাদের সামনে হাজির হব। হ্যা , তাই আর দেরি না করে সরারসরি আমাদের টিউনের মূল বিষয়ে ফীরে আসা যাক।
 |
নিজে নিজেই শিখি Html , পর্ব - ০২ ।। Learning Html Part 02 |
আমি আপনাদের বলেছিলাম কয়েক টি পেজ ডিজাইন করতে করতে আমরা html এবং সিএসএস শিখে যাব।
আর সেই সকল পেজের মধ্যে সর্ব প্রথম আমরা Homepage Design করব। তাহলে আজকের মূল বিষয় হল Homepage Design করা।
গত পর্বে আমি আপনাদের একটি সাধারন html Structure দেখিয়েছিলাম। আজ আমরা সেই সাধারন Html Structure দিয়েই Homepage Design করব।
তার আগে আমাদের জানতে হবে একটি ওয়েব সাইট এর Homepage এ কি কি থাকে।
একটি ওয়েব সাইট এর Homepage এ নিম্মক্ত বিষয় গুলো থাকে। চলুন তবে এক নজরে দেখে নেই।
১। Head২। Body &৩। Footer
এই তিনটির মধ্য Header এ থাকবে Logo এবং Menubar.
Body এর মধ্যে থাকবে Content এবং Sidebar.
সর্ব শেষ Footer এর মধ্যে থাকবে Copyright Year , Theme Designer Name , Company Name & DMCA Protection Etc.
আমাদের গত পর্বের সাধারন html Structure টি ছিল ঠিক এ রকম।
<html><head><title>This Is Page Title Here</title></head><body><header>Website Logo Here</header><content>Here Is Content Showing</content><footer>Copyright @ 2022</footer></body></html>
দেখুন এবং ভালো ভাবে যদি আমরা লক্ষ্য করি তাহলে দেখতে পারব যে উক্ত Html Structure এ Html Tag গুলো শুরু হয়েছে <html> ট্যাগ দিয়ে এবং শেষ হয়েছে </html> ট্যাগ দিয়ে।
অর্থাৎ যখনি আমরা কোন ট্যাগ লিখব সেটি এভাবেই শেষ করতে হবে।
যেমনঃ-
<b>My Name Is Sudip</b>
<p>My Name Is Sudip</p>
এখানে যদি লক্ষ্য করি ট্যাগ গুলর End কিভাবে হয়েছে।
ঠিক এভাবে তাই না -
<>My Name Is Sudip</>
তাহলে <></> এর ভিতরে আমরা চাইলেই যে কোন ট্যাগ ব্যবহার করতে পারি।
যেমনঃ-
<div>My Name Is Sudip</div>
এখন আমাদের মূল Html Structure এ ফীরে আসা যাক। উক্ত Structure এ আমরা তিনটি Items খুজে পাব।
যেমনঃ-
১। Head২। Body৩। Footer
এই তিনটি items রয়েছে <html></html> ট্যাগের ভিতরে।
প্রথমে Header , দ্বিতীয় Body এবং তৃতীয়ত Footer.
আমি আপনাদের একটি একটি করে নিচে বিশ্লেষণ করছি।
যেমন Head এর Html Structure হবে ঠিক এমন।
<head><title>This Is Page Title Here</title></head>
এই <head></head> ট্যাগের ভিতরে থাকবে <title></title> ট্যাগ। এ ছারাও Sortcut Icon এবং Style.Css থাকে।
যে গুলো আমরা ধীরে ধীরে শিখে যাব।
এবার Body এর Html Structure হবে ঠিক এমন।
<body><header>Website Logo Here</header><content>Here Is Content Showing</content><footer>Copyright @ 2022</footer></body>
তাহলে উক্ত Html Structure এ আমরা দেখতে পাচ্ছি যে <body></body> ট্যাগের ভিতরে রয়েছে Header , Content এবং Footer.
উক্ত সাধারন Html Structure টি যদি এখন আমরা Run করাই তাহলে কোন Design দেখতে পারব না। কারন উক্ত Html Structure এ কোন রকম Css Connect করা হয়নি।
এখন আমাদের একটু Css সম্পর্কে Knowledge নিতে হবে। এর পরেই আমরা Html Structure এর সাথেই css Connect করে Run করাব।
তো বন্ধুরা এর পরের পর্বে আমরা Css সম্পর্কে জেনে নিব। আজকের পর্ব কেমন হয়েছে Comment করে জানাতে ভূলবেন না।
তাহলে আজকের মত এখানেই বিদায় নিচ্ছি। পরের পর্ব আগামি কালই দেওয়া হবে। সেই পর্যন্ত সাথেই থাকুন। সকলেই ভালো থাকুন এবং সুস্থ থাকুন।
টাটা। বাই।
ক্রেডিট বাইঃ- এস এম সুদীপ বিডি ডট কম।
ট্যাগঃ- নিজে নিজেই শিখি Html , পর্ব - ০২ ।। Learning Html Part 02,Learning css,css tricks and tips,html programming,hml homepage design,html landing page design,html form design,html login signup page design,input এর ব্যবহার।
পোস্ট রেটিং করুন
|
SMsudipBD.Com
Web Development & Design. |
টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!