ব্লগ টিপ্স
Showing posts with label ব্লগ টিপ্স. Show all posts
Showing posts with label ব্লগ টিপ্স. Show all posts

HTML টিউটোরিয়াল -১১ >>(HTML Computer Code)

HTML টিউটোরিয়াল -১১ >>(HTML Computer Code)
 
 
 
HTML Computer Code এলিমেন্টসমূহ
figure 1
HTML Code ফরম্যাটিং
  • code tag এর মাধ্যমে আপনার text কে computer code এর মত করে লেখতে পারেন।
  • এটা সাধারণ ভাবে text এর font face, size, এবং letter spacing পরিবর্তন করতে পারে।
উদাহরণ
figure 2
figure 3
HTML কিবোর্ড ফরম্যাটিং
  • HTML <kbd> ট্যাগ দ্বারা কিবোর্ড ইনপুটকে বুঝায়
উদাহরণ
figure 5
figure 6
HTML Sample ফরম্যাটিং
  • HTML <samp> ট্যাগ দ্বারা computer output sample বুঝায়।
উদাহরণ
figure 7
figure 8
HTML variable ফরম্যাটিং
  • HTML <var>ম্যাথম্যাটিক্যাল ভেরি্যেবল বুঝানোর ক্ষেত্রে এই ট্যাগটি ব্যবহার করা হয়।
উদাহরণ
figure 9
figure 10
HTML pre ফরম্যাটিং
  • pre ট্যাগের সুবিধা হল HTML coding এর সময় যেভাবে আমরা লাইন ব্রেক, স্পেস নির্দেশ করে দিবো ঠিক সেভাবে টেক্সট প্রদর্শিত হবে।
  • অর্থাৎ যেভাবে কোড লিখবেন সেভাবেই আউটপুট দেখাবে।
উদাহরণ
figure 11
figure 12

HTML টিউটোরিয়াল -১০ >>(HTML কোটেশন)

HTML টিউটোরিয়াল -১০ >>(HTML কোটেশন)

HTML Short কোটেশন ট্যাগ
  • এক বা একাধিক বর্ণ, শব্দ, বাক্য বা প্যারার শুরুতে এবং শেষে “” চিহ্ন কে আমরা কোটেশন বলি।
  • টেক্সটের ভেতর সংক্ষিপ্ত কোটেশন দিতে <q> ব্যবহৃত হয়
  • ব্রাউজার <q> ট্যাগের মধ্যে থাকা লেখায় কোটেশন যুক্ত করে।
উদাহরণ
figure 1
figure 2
HTML Long কোটেশন ট্যাগ
  • HTML <blockquote> দিয়ে Long quotation বুঝায়।
  • টেক্সটের ভেতর দীর্ঘ কোটেশন দিতে <blockquote> ব্যবহৃত হয়।
উদাহরণ
figure 5
figure 3
HTML সাইটেশন, কোটেশন ও ডেফিনেশন ট্যাগ
figure 4
সংক্ষেপে জেনে নিই HTML Computer Code এলিমেন্টগুলো
figure 6
এর পরবর্তী টিউটোরিয়ালে অর্থাৎ HTML টিউটোরিয়াল (১১) তে HTML Computer Code এলিমেন্টগুলো সম্পর্কে বিস্তারিত আলোচনা করা হয়েছে।

HTML টিউটোরিয়াল -৯ >>(HTML Formatting)

HTML টিউটোরিয়াল -৯ >>(HTML Formatting)
 

আপনারা ইতিমধ্যে টিউটোরিয়ালে(৭) এ HTML styling এবং HTML style এট্রিবিউট সম্পর্কে জেনেছেন। আজ আমরা টিউটোরিয়ালে(৮) ও টিউটোরিয়ালে(৯ ) এ ধারাবাহিক ভাবে HTML এর সেইসব উপাদান সম্পর্কে জানবো যা দ্বারা একটি টেক্সট বা লেখাকে ভিবিন্ন ভাবে উপস্থাপন করা যায়।
HTML Small Formatting
  • HTML <small> এলিমেন্ট ছোট অক্ষরগুলোকে বুঝায়।
উদাহরন
figure 1
figure 2
HTML Marked Formatting
  • আমরা যদি কোনো টেক্সটকে হাইলাইট বা মার্ক করতে ছাই তবে HTML <mark> ট্যাগটি দ্বারা হাইলাইট বা মার্ক করা যাবে।
figure 3
figure 4
HTML Deleted Formatting
  • HTML <del> ট্যাগ দ্বারা কোনো লেখাকে delete বা remove করা যায়।
উদাহরন
figure 5
figure 6
HTML inserted Formatting
  • <ins> ট্যাগটি Underline বা নিম্নরেখাযুক্ত হরফের অক্ষর প্রদর্শন করার জন্য এই ট্যাগটি ব্যবহৃত হয় ।
উদাহরন
figure 7
figure 8
HTML Subscript Formatting
  • <sub> Tag Subscript বা বাক্যনিম্নস্হ অক্ষর প্রদর্শন করার জন্য এই ট্যাগটি ব্যবহৃত হয় ।
figure 9
figure 10
সংক্ষেপে দেখে নেই HTML Text Formatting এলিমেন্ট গুলো
figure 1

HTML টিউটোরিয়াল -৮ >>(HTML Formatting)

HTML টিউটোরিয়াল -৮ >>(HTML Formatting)
 

আপনারা HTML টিউটোরিয়াল (৭) এ HTML এর styling এবং HTML style এট্রিবিউট সম্পর্কে জেনেছেন। HTML টিউটোরিয়াল (৮) ও HTML টিউটোরিয়াল (৯) এ আমরা ধারাবাহিক ভাবে HTML এর সেইসব উপাদান সম্পর্কে জানবো যা দ্বারা একটি টেক্সটকে ভিবিন্ন ভাবে উপস্থাপন করা যায়।

HTML Formatting এলিমেন্ট
ওয়েব পেজের প্রদর্শিত অক্ষরের গঠন কেমন হবে তা নিয়ন্ত্রন করা যাবে Formatting ট্যাগের মাধ্যমে।
Formatting-ট্যাগের সংখ্যা অনেক এখানে সচারাচর ব্যবহৃত হয় এমন কয়েকটি ট্যাগকে তুলে ধরলাম।
  • Bold text
  • Important text
  • Italic text
  • Emphasized text
  • Marked text
  • Small text
  • Deleted text
  • Inserted text
  • Subscripts
  • Superscripts
HTML Bold Formatting
  • <b> Tag স্বাভাবিক আকারের কিন্তু bold বা মোটা হরফের অক্ষর প্রদর্শন করার জন্য এই ট্যাগটি ব্যবহৃত হয়।
উদাহরন
figure 1
figure 2
HTML Strong Formatting
  • আপনি যে লেখাগুলকে strong আকারে দেখাতে চান তার ক্ষেত্রে <strong> ট্যাগটি ব্যবহার করতে পারবেন।
উদাহরন
figure 3
figure 5
HTML Italic Formatting
  • <i> Tag ইটালিক বা বাকানো হরফের অক্ষর প্রদর্শন করার জন্য ব্যবহৃত হয় ।
উদাহরন
figure 5
figure 6
HTML Emphasized Formatting
  • <em> ট্যাগটির ব্যবহার <i> Tag-এর মত ।এর গঠন <em> …. </em> -এই ধরনের ।
উদাহরন
figure 7
figure 8

HTML টিউটোরিয়াল -৭ >>(HTML স্টাইলিং)

HTML টিউটোরিয়াল -৭ >>(HTML স্টাইলিং)
 

HTML স্টাইলিং
  • প্রতিটা HTML এর একটা অটোমেটিক স্টাইল থাকে।( যেমনঃ ব্যাকগ্রাউন্ডের রং হয় সাদা, লেখার রং কালো, লেখার সাইজ হয় ১২ পিক্সেল)
  • এই স্টাইলকে বদলাতে চাইলে style এট্রিবিউট ব্যবহার করতে হবে।
উদাহরণ
figure 1
figure 2
  • এই উদাহরণে ব্যাকগ্রাউন্ডের রং হয় সাদা থেকে ধূসর রঙে পরিবর্তন করা হয়েছে।
  • background color এট্রিবিউটটি শুধু HTML এর পুরোনো ভার্শন গুলতে কার্যকরী HTML 5 এটি সাপোর্ট করেনা।
HTML Style এট্রিবিউট
  • HTML Style এট্রিবিউট লিখতে হয় নিচের নিয়ম অনুসারে
  • style="property:value"
  • এখানে property CSS এর একটি উপাদান যা আমরা পরে CSS শেখার সময় জানবো।
HTML Text Color
  • Color এট্রিবিউট দিয়ে লেখার অক্ষরের রং পরিবর্তন করতে পারবেন।
উদাহরণ
figure 3
figure 4
HTML টেক্সট ফন্ট
  • আপনার HTML টেক্সট কোন ফন্টে রাখবেন তা font-family দ্বারা নির্দিষ্ট করে দিতে পারবেন।
উদাহরণ
figure 5
figure 6
  • <font> ট্যাগটি শুধু HTML এর পুরোনো ভার্শন গুলতে কার্যকরী HTML 5 এটি সাপোর্ট করেনা।
HTML টেক্সট সাইজ
  • font-size ট্যাগের সাহায্যে টেক্সটের সাইজের পরিবর্তন করতে পারবেন ।
figure 6
figure 7
HTML টেক্সট এলাইনমেন্ট
  • ওয়েব পেজে টেক্সটকে সাজানোর জন্য টেক্সট এলাইনমেন্ট ব্যবহার করা হয়।
  • টেক্সটকে পেজের মাঝে বা বামে ডানে রাখার জন্য Declaration করতে হবে
  • যেমনঃ বাম পাশে রাখার জন্য Declaration করতে হবে text-align:left
  • ডান পাশে রাখার জন্য Declaration করতে হবে text-align:right
  • মধ্যস্থানে রাখার জন্য Declaration করতে হবে text-align:center
উদাহরণ
figure 8
  • <center> ট্যাগটি HTML এর পুরোনো ভার্শন গুলতে কার্যকরী HTML 5 এটি সাপোর্ট করেনা।
Subscribe to: Comments (Atom)