Delete
Setting
Add New Item
Menu List
Title | Content Type | Order | Action | ||||||
---|---|---|---|---|---|---|---|---|---|
{{kb_content.name}} {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
{{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
No record |
HTML এ CSS ফাইল কিভাবে লিঙ্ক করে
এইচটিএমএল টিউটোরিয়াল টি টিউটোরিয়াল HTML এর প্রাথমিক এবং উন্নত ধারণা সরবরাহ করে। আমাদের এইচটিএমএল টিউটোরিয়ালটি নতুন এবং পেশাদারদের জন্য তৈরি। আমাদের টিউটোরিয়ালে, প্রতিটি বিষয়কে ধাপে ধাপে দেওয়া হয় যাতে আপনি এটি খুব সহজ উপায়ে শিখতে পারেন। আপনি যদি এইচটিএমএল শেখার ক্ষেত্রে নতুন হন তবে আপনি প্রাথমিক থেকে একটি পেশাদার পর্যায়ে এইচটিএমএল শিখতে পারবেন এবং সিএসএস এবং জাভাস্ক্রিপ্টের সাহায্যে এইচটিএমএল শিখার পরে আপনি নিজের ইন্টারেক্টিভ এবং গতিশীল ওয়েবসাইট তৈরি করতে সক্ষম হবেন। তবে এখন আমরা এই টিউটোরিয়ালে কেবল এইচটিএমএলকে কেন্দ্র করব।
- HTML এ CSS ফাইল কিভাবে লিঙ্ক করে
সিএসএস খুব প্রয়োজন ছাড়া লেখা হয়না, লেখা উচিৎ ও নয়। কারন এতে এইচটিএমএল ফাইল দেখতে নোংড়া লাগে এবং অনেক বড় হয়ে যায়। তাই সব সিএসএস রুলকে একসাথে করে একটা ফাইলে রেখে সেটা .css এক্সটেনশন নাম দিয়ে (যেমন style.css) সেভ করে HTML ফাইলে সংযুক্ত করে দিলেই হয়ে যায়। এটার নামই হচ্ছে এক্সটার্নাল সিএসএস। এইচটিএমএল এ link নামে একটা ট্যাগ আছে এটা দিয়েই সংযোগ
এইচটিএমএল ফাইলে সিএসএসের লিঙ্ক করতে, আমরা এইচটিএমএল এর <হেড> বিভাগে থাকা <লিঙ্ক> ট্যাগটি ব্যবহার করি। লিঙ্কটি দেখতে এইরকম হবে:
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen/">
এখানে লিঙ্কের মধ্যে থাকা বৈশিষ্ট্যগুলির একটি ভাঙ্গন রয়েছে:
rel - এই কমান্ডটি হোস্ট করা ফাইল এবং href বৈশিষ্ট্যে সংজ্ঞায়িত ফাইলের মধ্যে সম্পর্কটিকে সংজ্ঞায়িত করে। এই বৈশিষ্ট্যের মানক স্টাইলশীট।
type - লিঙ্কযুক্ত ফাইলের বিষয়বস্তু নির্ধারণ করে। এই টিউটোরিয়ালে, আমরা এই বৈশিষ্ট্যের মানটি পাঠ্য / সিএসএসে সেট করি। তবে আপনি যদি এইচটিএমএল 5 ব্যবহার করেন তবে আপনি এটি পুরোপুরি এড়িয়ে যেতে পারেন।
href - আপনি এইচটিএমএল লিঙ্ক করতে চান সিএসএস ফাইলের অবস্থান নির্দিষ্ট করে। সিএসএস ফাইল যদি এইচটিএমএল ফাইলের মতো একই ডিরেক্টরিতে থাকে তবে আপনাকে কেবল ফাইলের নামটি প্রবেশ করতে হবে। অন্যথায়, আপনি ফোল্ডারের নাম অন্তর্ভুক্ত করতে হবে যাতে আপনি সিএসএস ফাইল সঞ্চয় করেন (উদাহরণস্বরূপ: সিএসএস / স্টাইলশীট। CSS)।
media- সিএসএস বিধিগুলির জন্য অনুকূলিত মিডিয়াগুলির ধরণ নির্দিষ্ট করে। এই টিউটোরিয়ালে, আমরা কম্পিউটারের পর্দার জন্য এর ব্যবহার বোঝাতে স্ক্রিনের মানটি ব্যবহার করি। আপনি যদি মুদ্রিত পৃষ্ঠাগুলিতে সিএসএস বিধি প্রয়োগ করতে চান তবে আপনি মুদ্রণের মান সেট করতে পারেন।
উপসংহার
সিএসএসকে এইচটিএমএল লিঙ্ক করার অনেকগুলি উপায় রয়েছে, তবে এটি করার সর্বোত্তম পদ্ধতি হ'ল এইচটিএমএল এর <লিঙ্ক> ট্যাগ ব্যবহার করা। এই পদ্ধতিটি ব্যবহার করে, আপনি আপনার ওয়েবসাইটের চাক্ষুষ প্রতিনিধিত্বকে প্রভাবিত না করে সময় এবং কোডকে আরও দক্ষতার সাথে সাশ্রয় করতে পারবেন।
উদাহরন:
<link href="/style.css" rel="stylesheet" type="text/css"/>