ওয়েব ডিজাইন বাংলা ভিডিও টিউটোরিয়াল (from w3 School) এইসটিএমএল৫ পর্ব–১৫

আসসালামু আলাইকুম। কেমন আছেন প্রিয় টেকটিউনস এর বন্ধুরা। আলহামদুলিল্লাহ আমিও ভালো আছি। ওবে ডিজাইন এর বাংলা সিরিজ টিউটোরিয়ালের আজকের ১৫ তম পর্বে আমি আপনাদেরকে স্বাগত জানাচ্চি ইন্জিনিয়ার মোঃ মারুফ সিদ্দিকী। আজকের এই ক্লাসে আমরা আলোচানা করবো এইচ.টি.এম. এল এর আসসালামু আলাইকুম। কেমন আছেন প্রিয় টেকটিউনস এর বন্ধুরা। আলহামদুলিল্লাহ আমিও ভালো আছি। ওবে ডিজাইন এর বাংলা সিরিজ টিউটোরিয়ালের আজকের ১৪ তম পর্বে আমি আপনাদেরকে স্বাগত জানাচ্চি ইন্জিনিয়ার মোঃ মারুফ সিদ্দিকী। আজকের এই ক্লাসে আমরা আলোচানা করবো Head section নিয়ে। আমরা এখন জানি HTML এর একটি সাইট আমরা দুটি section এ লিখে থাকি। তার একটি হলো <head> এবং দ্বিতীয়টি হলো তার <body> section. <head> সেকশান এর ভিতরে আমরা সাধারনত প্রথমেই যে অংশটি যুক্ত করে থাকি তা হলো সাইটের র <title> সেকশান। নিচের কোডটি আপনার কোড ইডিটরে লিখুন।

<!DOCTYPE html>

<html>

<head>

<title>Engineer Md Maruf Siddique</title>

</head>

<body>

</body>

</html>

এখানে আমি <title> ট্যাগ এ আমার নামকে ব্যাবহান করেছি। আমরা যখন কোন ওয়েবসাইট ভিজিট করে থাকি তখন আমরা URL বার এ যে অংশটা দেখতে পাই সেটাই এই <Title></title> এ লেখা হয়ে থাকে।

আমরা যখন প্রফেশনালি কোন সাইট ডিজাইন বা ডেভলপমেন্ট করে থাকি তখন আমরা External Style Sheets ব্যাবেহার করে থাকি। আমরা <head> <head> সেকশন এর মাঝে সেই External Style sheets টিকে আমাদের HTML এর সাথে যোগ করে থাকি। নিচের কোডগুলো খেয়াল করুন।

<head>

<title>Engineer Md Maruf Siddique</title>

<link rel=”stylesheet” type=”text/css” href=””>

</head>

এখানে কোন External Style Sheets এড করার জন্য কোড হলো।

<link rel=”stylesheet” type=”text/css” href=””>

এছাড়াও আমরা যদি কোন ফ্রেমওয়ার্ক বা জেকুয়েরি ব্যাবহার করতে চাই তাহলেও তার লিংক আমাদেরকে <head>   </head> এর মধ্যেই আমাদেরকে লিংক করতে হবে।

আমরা যদি আমাদেন সাইটে Internal Style Sheets ও ব্যাবহার করতে চাই তাহলেও আমাদেরকে তা <head> </head> এর মধ্যেই লিকতে হবে।

<head>

<title>Engineer Md Maruf Siddique</title>

<link rel=”stylesheet” type=”text/css” href=””>

<style type=”text/css”>

</style>

</head>

এখানে <style> Texts here </style> এর মধ্যে আমাদেরকে CSS এর কোডগুলো লিকতে হবে। আমরা সাইটের keyword সহ আরো অনেক ধরনে meta tag ব্যাবহার করে থাকি। এই <meta> </meta> ট্যাগগুলোও আমরা এই <head> Contents here </head> এর মাঝ লিখে থাকি।

<head>

<title>Engineer Md Maruf Siddique</title>

<link rel=”stylesheet” type=”text/css” href=””>

<meta charset=”utf-8″>

<meta name=””>

<meta name=”keyword”>

<style type=”text/css”>

</style>

</head>

এখানে আমি মাত্র কয়েকটির ধারনা দিলাম। আর্টিকেলটির সাথে সংযুক্ত ভিডিওটি ভালোভাবে দেখুন। আমি এই আর্টিকেলটির বিস্তারিত নিচের ভিডিওটিতে practically দেখিয়েছি। যারা লেখাটি পরে পরির্পর্ণভাবে বুঝতে পারেননি, তারা নিচের ভিডিওটি দেখে নিবেন। তার পরও কোন প্রশ্ন থাকলে আমাকে কমেন্ট করে জানাবেন।

Add Comment

সরাসরি ক্রিকেট বিশ্বকাপ খেলা দেখুন ফ্রীতেWatch Now