ওয়েবসাইটের ফন্টের রঙ দ্বারা সেট করা যেতে পারে এইচটিএমএল সাহায্য-কোড এই জন্য একটি ট্যাগ আছে ফন্ট. সংজ্ঞা দ্বারা, একটি ট্যাগ ফন্টপাঠ্যের জন্য এক ধরণের "র্যাপার" বা "ধারক" হিসাবে কাজ করে, যে বৈশিষ্ট্যগুলি নিয়ন্ত্রণ করে আপনি পাঠ্যের নকশা পরিবর্তন করতে পারেন।
ট্যাগ ফন্টনিম্নরূপ প্রযোজ্য:
ওয়েবসাইট নির্মাতা "নুবেক্স"
HTML-এ ফন্টের রঙ পরিবর্তন করার সবচেয়ে সহজ উপায় হল অ্যাট্রিবিউট ব্যবহার করা রঙট্যাগ ফন্ট:
ওয়েবসাইট নির্মাতা "নুবেক্স"
এটি ট্যাগ দ্বারা বেষ্টিত শব্দের জন্য নীল রঙ সেট করে ফন্ট.
কিন্তু রঙের প্যারামিটার ছাড়াও, ট্যাগের অন্যান্য বৈশিষ্ট্য রয়েছে।
FONT ট্যাগ বৈশিষ্ট্য
ট্যাগ ফন্টশুধুমাত্র তিনটি বৈশিষ্ট্য আছে:
- রঙ- পাঠ্যের রঙ সেট করে;
- আকার- পাঠ্যের আকার সেট করে;
- মুখ- ফন্ট পরিবার নির্দিষ্ট করে।
প্যারামিটার রঙএকটি রঙের নাম (যেমন "লাল", "নীল", "সবুজ") বা একটি হেক্সাডেসিমেল কোড (যেমন #fa8e47) দ্বারা নির্দিষ্ট করা যেতে পারে।
বৈশিষ্ট্য আকার 1 থেকে 7 পর্যন্ত মান নিতে পারে (ডিফল্ট হল 3, যা টাইমস নিউ রোমান ফন্টের জন্য 13.5 পয়েন্টের সাথে মিলে যায়)। বৈশিষ্ট্য নির্দিষ্ট করার জন্য আরেকটি বিকল্প হল "+1" বা "-1"। এর মানে হল যে আকার যথাক্রমে 1 বেশি বা কম দ্বারা বেস আপেক্ষিক পরিবর্তন করা হবে।
আসুন আমাদের উদাহরণে এই বৈশিষ্ট্যগুলির ব্যবহার দেখি:
ওয়েবসাইট নির্মাতা "নুবেক্স"
আমরা ট্যাগ প্রয়োগ করেছি ফন্টএকটি শব্দের জন্য, আমরা এটিকে আকার 6, কমলা রঙ এবং "সেরিফ" ফন্ট পরিবারে সেট করেছি।
CSS ব্যবহার করে পাঠ্যের রঙ সেট করা
আপনি যদি নির্দিষ্ট ফরম্যাটিং প্রয়োগ করতে চান (উদাহরণস্বরূপ, পাঠ্যের রঙ পরিবর্তন করুন) পাঠ্যের কয়েকটি বিভাগে, তাহলে এটি CSS কোড ব্যবহার করা আরও উপযুক্ত হবে। এই জন্য একটি রঙ বৈশিষ্ট্য আছে. আসুন আমাদের উদাহরণে এটি কীভাবে ব্যবহার করবেন তা দেখুন:
কনস্ট্রাক্টর সাইট "নুবেক্স"
এখানে আমরা "ডিজাইনার" শব্দের জন্য একটি নীল রঙ সেট করি (এর আকার, ডিফল্টরূপে, বেসের 100%), একটি সবুজ রঙ এবং "সাইট" শব্দের জন্য 125% আকার, একটি কমলা রঙ এবং একটি আকার "Nubex" শব্দের জন্য 150%।
পাঠ 7. HTML-এ পাঠ্য এবং পটভূমির রং।
তারিখ: 2008-12-05
কিভাবে একটি ওয়েব পেজে ব্যাকগ্রাউন্ড এবং টেক্সট কালার সেট করবেন?
ডিফল্টরূপে, পাঠ্যের রঙ এবং, সাধারণভাবে, ওয়েব পৃষ্ঠাগুলিতে যেকোনো ফন্ট সবসময়ই থাকে কালো (#000000 ) কিন্তু আমরা সবসময় একেবারে যে কোনো রঙ সেট করতে পারি যা আমাদের পছন্দ এবং শালীন দেখায় বা কোনো নির্দিষ্ট সাইটের ডিজাইনের জন্য আরও উপযুক্ত।
পাঠ্যের রঙ সেট করুন
HTML এ, টেক্সট, ফন্ট, ব্যাকগ্রাউন্ড এবং অন্যান্য উপাদানের রঙ দুটি উপায়ে সেট করা যেতে পারে:
1. পদ্ধতি 1।জোড়া ট্যাগ
এট্রিবিউট লেখা আছে
এই নিবন্ধে মন্তব্য (পাঠ):
আন্দ্রে ! আপনি কি একটি চমৎকার সাইট আছে! আমি এখন দ্বিতীয় সপ্তাহ ধরে এটি নিয়মিত ব্যবহার করছি: আমি আপনার পাঠ এবং ভিডিও টিউটোরিয়ালগুলি অধ্যয়ন করি; আমি আপনার সাহিত্য পড়ি এবং প্রোগ্রাম ডাউনলোড করি; আমি ওয়েব প্রোগ্রামিং আমার প্রথম পদক্ষেপ গ্রহণ করছি! এবং, সবচেয়ে গুরুত্বপূর্ণ, আমি এটা করতে পারি!!! কিন্তু আমি মোটেও পদার্থবিদ নই, গীতিকার! এবং যে কেউ আমার সাহিত্যের ওয়েবসাইট পরিদর্শন করেন তারা এই বিষয়ে নিশ্চিত হতে পারেন: "ওলেগ গুজের কবিতা" আমার বিবরণ: ই-মেইল: [ইমেল সুরক্ষিত]ওয়েবসাইট: http://sites.google.com/site/stihiolegguz/
কোডটি সাবধানে পরীক্ষা করুন
আমি পটভূমির রঙ পরিবর্তন করার চেষ্টা করেছি এবং এটি কাজ করে না! কিভাবে ব্যাকগ্রাউন্ড কালার পরিবর্তন করবেন?
- IN বিভিন্ন ব্রাউজারগ্রেডিয়েন্ট ফাংশন ভিন্নভাবে প্রয়োগ করা হয়, তাই আপনাকে কোডের একাধিক সংস্করণ যোগ করতে হবে।
-
একটি দিকনির্দেশক গ্রেডিয়েন্ট তৈরি করুন।আপনি যদি গ্রেডিয়েন্টটি উল্লম্বভাবে চালাতে না চান তবে রঙগুলি যে দিকে বিবর্ণ হবে তা নির্দিষ্ট করুন। এটি করার জন্য, ট্যাগগুলির মধ্যে নিম্নলিখিত কোডটি লিখুন :
html (মিনিট-উচ্চতা: 100%;) বডি (ব্যাকগ্রাউন্ড: -ওয়েবকিট- লিনিয়ার-গ্রেডিয়েন্ট (বাম, #93B874, #C9DCB9); ব্যাকগ্রাউন্ড: -o- লিনিয়ার-গ্রেডিয়েন্ট (ডান, #93B874, #C9DCB9); ব্যাকগ্রাউন্ড: -moz- লিনিয়ার-গ্রেডিয়েন্ট (ডানদিকে, #93B874, #C9DCB9); পটভূমি: লিনিয়ার-গ্রেডিয়েন্ট (ডানে, #93B874, #C9DCB9);
- আপনি যদি চান, বিভিন্ন গ্রেডিয়েন্ট দিকনির্দেশ নিয়ে পরীক্ষা করার জন্য "বাম" এবং "ডান" শব্দগুলিকে পুনরায় সাজান।
-
গ্রেডিয়েন্ট কাস্টমাইজ করতে অন্যান্য বৈশিষ্ট্য ব্যবহার করুন।আপনি এটি দিয়ে আপনি যা ভাবেন তার চেয়ে বেশি কিছু করতে পারেন।
- উদাহরণস্বরূপ, প্রতিটি রঙের পরে আপনি একটি শতাংশ নম্বর লিখতে পারেন। এটি নির্দেশ করবে যে প্রতিটি রঙের অংশ কতটা স্থান দখল করবে। এখানে এই পরামিতিগুলির সাথে একটি উদাহরণ কোড রয়েছে:
পটভূমি : লিনিয়ার-গ্রেডিয়েন্ট (#93B874 10%, #C9DCB9 70%, #000000 90%);
- রঙে স্বচ্ছতা যোগ করুন। এই ক্ষেত্রে, এটি ধীরে ধীরে বিবর্ণ হবে। একটি বিবর্ণ প্রভাব অর্জন করতে, একই রঙ ব্যবহার করুন। রঙ সেট করতে আপনার rgba() ফাংশন প্রয়োজন। শেষ মানটি স্বচ্ছতা নির্ধারণ করবে: 0 একটি অস্বচ্ছ রঙ এবং 1 একটি স্বচ্ছ রঙ।
ব্যাকগ্রাউন্ড: লিনিয়ার-গ্রেডিয়েন্ট (ডান দিকে , rgba ( 147 , 184 , 116 , 0 ), rgba ( 147 , 184 , 116 , 1 ));
- উদাহরণস্বরূপ, প্রতিটি রঙের পরে আপনি একটি শতাংশ নম্বর লিখতে পারেন। এটি নির্দেশ করবে যে প্রতিটি রঙের অংশ কতটা স্থান দখল করবে। এখানে এই পরামিতিগুলির সাথে একটি উদাহরণ কোড রয়েছে:
"html" হেডার খুঁজুন।এটি নথির শীর্ষে থাকা উচিত।
এই প্রক্রিয়ার জন্য মৌলিক সিনট্যাক্স মনে রাখবেন।একটি গ্রেডিয়েন্ট তৈরি করতে, আপনাকে দুটি পরিমাণ জানতে হবে: প্রারম্ভিক বিন্দু/কোণ এবং রঙের পরিসর যা একে অপরের মধ্যে বিবর্ণ হবে। আপনি বেশ কয়েকটি রঙ চয়ন করতে পারেন যাতে তারা একে অপরের সাথে মিশে যায়; আপনি পরিবর্তনের দিক বা কোণও সেট করতে পারেন।
পটভূমি: রৈখিক-গ্রেডিয়েন্ট (দিক/কোণ, রঙ1, রঙ 2, রঙ 3 এবং আরও অনেক কিছু);
একটি উল্লম্ব গ্রেডিয়েন্ট তৈরি করুন।যদি আপনি একটি দিক নির্দিষ্ট না করেন, গ্রেডিয়েন্ট উপরে থেকে নীচে যাবে। এই ধরনের একটি গ্রেডিয়েন্ট তৈরি করতে, ট্যাগগুলির মধ্যে নিম্নলিখিত কোডটি লিখুন :
html (মিনিট-উচ্চতা: 100%;) বডি (পটভূমি: -ওয়েবকিট- লিনিয়ার-গ্রেডিয়েন্ট (#93B874, #C9DCB9); ব্যাকগ্রাউন্ড: -o- লিনিয়ার-গ্রেডিয়েন্ট (#93B874, #C9DCB9); ব্যাকগ্রাউন্ড: -moz- লিনিয়ার -গ্রেডিয়েন্ট (#93B874 , #C9DCB9 );
কোড পর্যালোচনা করুন.একটি ওয়েব পৃষ্ঠার পটভূমি হিসাবে একটি রঙের গ্রেডিয়েন্ট তৈরি করার কোডটি এইরকম দেখতে হবে:
< html > < head > < style >html (মিনিট-উচ্চতা: 100%;) বডি (ব্যাকগ্রাউন্ড: -ওয়েবকিট- লিনিয়ার-গ্রেডিয়েন্ট (বাম, #93B874, #C9DCB9); ব্যাকগ্রাউন্ড: -o- লিনিয়ার-গ্রেডিয়েন্ট (ডান, #93B874, #C9DCB9); ব্যাকগ্রাউন্ড: -moz- লিনিয়ার-গ্রেডিয়েন্ট (ডানদিকে, #93B874, #C9DCB9); ব্যাকগ্রাউন্ড: লিনিয়ার-গ্রেডিয়েন্ট (ডানে, #93B874, #C9DCB9); < body >
সৃষ্টির তারিখ: 2009-11-18
তাই, এখন পড়াশোনা করার সময়, কিভাবে রং পরিবর্তনআপনি লিখিত পাঠ্য. এই পাঠ গঠিত হবে 2 অংশ. তে আমরা পাঠ্যের একটি পৃথক অংশকে রঙ করব, এবং , আমরা সম্পূর্ণ পাঠকে এক রঙে এবং এর প্রয়োজনীয় অংশটিকে একটি ভিন্ন রঙে করব।
1. অংশ
যদিও এইচটিএমএল-এর সমস্ত রঙ একটি অস্বাভাবিক উপায়ে লেখা হয়, তবে এটি খুব সহজভাবে করা হয়। প্রথমত, আমি আপনাকে শব্দটিতে ক্লিক করে ওয়েব কালার প্যালেট ডাউনলোড করার পরামর্শ দিচ্ছি প্যালেট, অথবা আরও অনুসন্ধান করুন সম্পূর্ণ সংস্করণইন্টারনেটে আপনি যে প্যালেটটি খুঁজে পান তার প্রতিটি রঙের পাশে একটি কোড থাকবে ( ইংরেজি অক্ষরএবং সংখ্যা)। আমাদের রঙের জন্য, উদাহরণস্বরূপ, নীল, আমাদের নিম্নলিখিত ট্যাগটি লিখতে হবে:
নমস্কার! HTML শেখা শুরু করা যাক
অর্থাৎ, এটি আমাদের কাছে রয়েছে:
1.
পাঠ্যটি একটি ট্যাগে আবদ্ধ
...
2.
ট্যাগ
বৈশিষ্ট্য রঙ = #0000FF আছে
এখন আমাদের উদাহরণে ফিরে যাওয়া যাক এবং সবকিছু পরিষ্কারভাবে দেখুন। নোটপ্যাডে পূর্বে তৈরি পৃষ্ঠাটি আবার খুলুন এবং ফন্টের রঙ পরিবর্তন করুন:
আমরা আপডেট করি HTML পৃষ্ঠাএবং কি ঘটেছে তা পরীক্ষা করুন:
ফলাফল:প্রথম লাইনটি নীল হয়ে গেছে, এবং দ্বিতীয়টি ডিফল্ট রয়ে গেছে - কালো।
একইভাবে, আপনি পাঠ্যের যেকোনো প্রয়োজনীয় অংশকে সাজাতে পারেন, এটি যেখানেই থাকুক না কেন, শুরুতে, মাঝখানে বা শেষে।
2. অংশ
এখন আমরা নথির সম্পূর্ণ পাঠ্যের জন্য রঙ সেট করুন. এটি খুব সহজেই করা হয়। আসুন আমাদের তৃতীয় নিবন্ধটি মনে রাখি। এতে আমরা বলেছি যে ব্রাউজারে যা দেখা যায় তা ট্যাগে লেখা থাকে ... , অর্থাৎ, আমাদের নথির "শরীরে"।
এবং তাই, আমরা জানি, ... - এটিও একটি ট্যাগ, তাই আমরা ট্যাগের মতো এটি ব্যবহার করতে পারি ... , প্রয়োজনীয় বৈশিষ্ট্য সেট করুন।
এই ক্ষেত্রে রঙ খোলার ট্যাগে সেট করা হয় , এবং এন্ট্রি এই মত দেখাবে: আপনার নথির সমস্ত পাঠ্য
এই ক্ষেত্রে, ডকুমেন্টের সম্পূর্ণ টেক্সট, যা ট্যাগ দিয়ে আবদ্ধ করা হয় তা ছাড়া ... কালার অ্যাসাইনমেন্ট সহ, এটির রঙ লাল হবে।
এখন একটি উদাহরণ ব্যবহার করে নিবন্ধের এই অংশটি দেখুন। ডকুমেন্টের সম্পূর্ণ টেক্সটে লাল রঙ বরাদ্দ করা যাক, এবং পার্ট 1-এ আমরা যে টেক্সটটিকে নীল করেছি তা রেখে দিই। এটি করার জন্য, কেবলমাত্র খোলার ট্যাগে কোডটি লিখুন :
তারপরে, দেখার আগে বরাবরের মতো, নথি সংরক্ষণ করুন:
এবং অবশেষে, আমরা ব্রাউজারে HTML পৃষ্ঠা আপডেট করি:
ফলাফল:আমরা শিখেছি কীভাবে সম্পূর্ণ নথির পাঠ্যকে প্রয়োজনীয় রঙে সেট করতে হয়, সেইসাথে পাঠ্যের অংশটিকে একটি ভিন্ন রঙে তৈরি করতে হয়।