HTML TUTORIAL

LEARN HTML(Bengali)

THE ROOTS OF WEB LANGUAGE.

Comprehensive HTML tutorials designed for beginners and advanced users alike. Enhance your web development skills with step-by-step guides and resources. Learn the fundamentals and advanced techniques to create stunning websites effortlessly.

HTML.

<a https://textflode.blogspot.com

XHTML এর ভূমিকাXHTML এর ইতিহাস।

হাইপারটেক্সট মার্কআপ ভাষার জন্য এইচটিএমএল সংক্ষিপ্ত রূপ।

এটি ওয়েবে ব্যবহৃত নথি বিন্যাস।

ওয়েব পেজ টেক্সট এম্বেড করা HTML ট্যাগ (কোড) দিয়ে তৈরি করা হয়।

HTML পৃষ্ঠার বিন্যাস, ফন্ট এবং গ্রাফিক উপাদানের পাশাপাশি ওয়েবে অন্যান্য নথির হাইপারটেক্সট লিঙ্কগুলিকে সংজ্ঞায়িত করে। প্রতিটি লিঙ্কে একই সার্ভারে বা বিশ্বব্যাপী যেকোনো সার্ভারে থাকা একটি ওয়েব পৃষ্ঠার URL বা ঠিকানা থাকে"ওয়ার্ল্ড ওয়াইড" ওয়েব।

HTML 2.0-কে ইন্টারনেট ইঞ্জিনিয়ারিং টাস্ক ফোর্স (IETF) দ্বারা সংজ্ঞায়িত করা হয়েছিল, যার মধ্যে ইন্টারেক্টিভ ফর্মের ক্ষমতা সহ বৈশিষ্ট্যগুলির একটি মৌলিক সেট রয়েছে।

পরবর্তী সংস্করণগুলি আরও বৈশিষ্ট্য যুক্ত করেছে যেমন ব্লিঙ্কিং টেক্সট, কাস্টম ব্যাকগ্রাউন্ড এবং বিষয়বস্তুর টেবিল।

যাইহোক, প্রতিটি নতুন সংস্করণে ব্যবহৃত ট্যাগগুলির বিষয়ে চুক্তির প্রয়োজন,

এবং সেই ট্যাগগুলি বাস্তবায়নের জন্য ব্রাউজারগুলিকে সংশোধন করতে হয়৷

HTML একটি প্রোগ্রামিং ভাষা নয়।

এইচটিএমএল হল একটি মার্কআপ ল্যাঙ্গুয়েজ (এইচটিএমএল এর এমএল) যা মার্কআপ ট্যাগের একটি নির্দিষ্ট সেট ব্যবহার করে। একটি মার্কআপ ভাষাকে "প্রেজেন্টেশন ল্যাঙ্গুয়েজ" হিসাবেও ভাবা যেতে পারে, তবে এটি একটি প্রোগ্রামিং ভাষা নয়।

আপনি জাভা, জাভাস্ক্রিপ্ট বা C++ এর মতো "যদি এটি করেন" তা করতে পারবেন না। যাইহোক, পৃষ্ঠাগুলিকে ইন্টারেক্টিভ করার জন্য, প্রোগ্রামিং কোড একটি HTML পৃষ্ঠায় এম্বেড করা যেতে পারে।

উদাহরণস্বরূপ,

জাভাস্ক্রিপ্ট সেই উদ্দেশ্যে ওয়েব পৃষ্ঠাগুলিতে (এইচটিএমএল পেজ) ব্যাপকভাবে বিভক্ত।

গবেষণা নথি রেন্ডার করার জন্য এইচটিএমএলকে একটি সাধারণ মার্কআপ ভাষা হিসাবে কল্পনা করা হয়েছিল।

এইচটিএমএল পৃষ্ঠাগুলি পুনরায় কাজ করা হয়েছে, জুরি-রিগড করা হয়েছে এবং পূর্ণ-বিকশিত অ্যাপ্লিকেশনগুলিতে প্রসারিত করা হয়েছে। ফলস্বরূপ, আজকের ওয়েব পৃষ্ঠাগুলির পিছনে সোর্স কোডটি প্রায়শই ট্যাগ এবং স্ক্রিপ্টিংয়ের একটি জঘন্য সংকলন।

একটি ওয়েব ডকুমেন্ট অ্যাক্সেস করার জন্য আপনার ওয়েব ব্রাউজারে হোম পেজের ঠিকানা বা URL (ইউনিফর্ম রিসোর্স লোকেটার) টাইপ করতে হবে। হোম পেজ হল একটি এইচটিএমএল ডকুমেন্ট, যেটিতে অন্যান্য এইচটিএমএল ডকুমেন্টের হাইপারটেক্সট লিঙ্ক রয়েছে যা একই সার্ভারে বা সার্ভারে বিশ্বের যে কোনো জায়গায় সংরক্ষণ করা যায়।

1980 সালে, পদার্থবিদ টিম বার্নার্স-লি, যিনি CERN-এর একজন স্বাধীন ঠিকাদার ছিলেন, CERN গবেষকদের নথি ভাগ করার জন্য ব্যবহার করার জন্য একটি হাইপারটেক্সট সিস্টেম ENQUIRE প্রস্তাবিত এবং প্রোটোটাইপ করেছিলেন।

1989 সালে, বার্নার্স-লি এবং CERN ডেটা সিস্টেম ইঞ্জিনিয়ার রবার্ট কাইলিয়াউ প্রত্যেকে একই ধরনের কার্যকারিতা প্রদান করে একটি ইন্টারনেট-ভিত্তিক হাইপারটেক্সট সিস্টেমের জন্য পৃথক প্রস্তাব জমা দেন।পরের বছর, তারা একটি যৌথ প্রস্তাবে সহযোগিতা করে, World Wide Web (W3) প্রকল্প, যা CERN দ্বারা গৃহীত হয়েছিল। সেই সময়ে, এইচটিএমএল একটি স্পেসিফিকেশন ছিল না, তবে একটি তাত্ক্ষণিক সমস্যা সমাধানের জন্য আলগাভাবে সংজ্ঞায়িত উপাদানগুলির একটি সংগ্রহ ছিল।

বার্নার্স-লি এবং তার সহকর্মীদের মধ্যে চলমান গবেষণার যোগাযোগ এবং প্রচার।

বিদ্যমান হাইপারটেক্সট সিস্টেমগুলিকে পুনঃব্যবহারের পরিবর্তে যা খুব বাণিজ্যিক, খুব প্ল্যাটফর্ম-নির্দিষ্ট, বা লেখকদের জন্য খুব জটিল ছিল, বার্নার্স-লি তার নিজস্ব, তুলনামূলকভাবে সহজ সিস্টেম তৈরি করেছিলেন।

তার আসল ব্রাউজিং সফ্টওয়্যার, "ওয়ার্ল্ড ওয়াইড ওয়েব" নামক একটি ক্লায়েন্ট, "httpd" নামক একটি সার্ভারের সাথে ইন্টারঅ্যাক্ট করে, NEXTSTEP ডেভেলপমেন্ট এনভায়রনমেন্ট ব্যবহার করে 1990 সালের নভেম্বরে একটি NeXTcube ওয়ার্ক স্টেশনে লেখা হয়েছিল।এটি একটি ডকুমেন্ট আইডেন্টিফিকেশন সিস্টেম (যা পরে ইউ আর আই স্ট্যান্ডার্ডে বিকশিত হয়েছে), একটি টিসিপি/আইপি নেটওয়ার্কের মাধ্যমে নথি প্রেরণের জন্য একটি প্রোটোকল (এইচটিটিপি), এবং একটি ডকুমেন্ট টীকা কনভেনশনকে একত্রিত করেছে যা তিনি পরে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (এইচটিএমএল) হিসাবে উল্লেখ করেছিলেন। )

এইচটিএমএল মূলত একটি স্বদেশী এস জিএম এল-এর মতো মার্কআপ ল্যাঙ্গুয়েজে হাইপারটেক্সট ক্ষমতাকে গ্রাফট করে এবং বার্নার্স-লির সফ্টওয়্যারটি একজন কম্পিউটার ব্যবহারকারীকে ইন্টারনেটের মাধ্যমে অ্যাক্সেস করা এইচটিএমএল নথিগুলির মধ্যে দেখতে এবং নেভিগেট করার অনুমতি দেয়। তার সমাধানটি পরবর্তীতে উদীয়মান আন্তর্জাতিক এবং পাবলিক ইন্টারনেটের সাথে বিশ্বব্যাপী মনোযোগ আকর্ষণ করার জন্য একত্রিত হয়।এইচটিএমএল এর প্রথম সর্বজনীনভাবে উপলব্ধ বর্ণনা ছিল "এইচটিএমএল ট্যাগস" নামে একটি নথি, যা প্রথমবার ইন্টারনেটে 1991 সালের শেষের দিকে বার্নার্স-লি দ্বারা উল্লেখ করা হয়েছিল।

এটি 22টি উপাদান বর্ণনা করে যার মধ্যে HTML এর প্রাথমিক, তুলনামূলকভাবে সহজ নকশা রয়েছে। এই উপাদানগুলির মধ্যে তেরোটি এখনও HTML 4-এ বিদ্যমান।

বার্নার্স-লি সেই সময়ে এইচটিএমএলকে এস জিএম এল-এর একটি "অ্যাপ্লিকেশন" বলে মনে করেছিলেন, কিন্তু 1993 সালের মাঝামাঝি প্রকাশনা পর্যন্ত এটি আনুষ্ঠানিকভাবে সংজ্ঞায়িত করা হয়নি, আই ইটি এফ দ্বারা, এইচটিএমএল স্পেসিফিকেশনের জন্য প্রথম প্রস্তাব: বার্নার্স-লি এবং ড্যান কনোলির "হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (এইচটিএমএল)" ইন্টারনেট-ড্রাফ্ট, যার মধ্যে একটি এস জি এমএল ডকুমেন্ট টাইপ সংজ্ঞা অন্তর্ভুক্ত ছিল ব্যাকরণ সংজ্ঞায়িত করন।

খসড়াটি ছয় মাস পর মেয়াদ শেষ হয়ে যায়, কিন্তু ইন-লাইন ইমেজ এম্বেড করার জন্য NCSA মোজাইক ব্রাউজারের কাস্টম ট্যাগের স্বীকৃতির জন্য এটি উল্লেখযোগ্য ছিল, যা সফল প্রোটোটাইপ গুলিতে আই ইটি এফ-এর বেসিং স্ট্যান্ডার্ডের দর্শনকে প্রতিফলিত করে।একইভাবে, ডেভ রেগেটের প্রতিযোগী ইন্টারনেট-ড্রাফ্ট, "HTML+ (হাইপারটেক্সট মার্কআপ ফরম্যাট)", 1993 সালের শেষের দিকে, টেবিল এবং ফর্ম পূরণ করার মতো ইতিমধ্যেই বাস্তবায়িত বৈশিষ্ট্য গুলিকে মান করার পরামর্শ দিয়েছে।

HTML একটি কম্পিউটার প্রোগ্রামিং ভাষা নয়। এটি কেবলমাত্র মার্কআপ কোডগুলির একটি সেট যা একটি ওয়েব পৃষ্ঠায় প্রদর্শিত টেক্সট এবং গ্রাফিক্সের গঠন এবং শৈলী।

এইচটিএমএল শেখা হল, মূলত, এই মার্কআপ ট্যাগগুলি শেখা এবং কীভাবে আপনার ওয়েব পৃষ্ঠাগুলিকে স্টাইল করতে তাদের ব্যবহার করতে হয়।

এইচটিএমএল শেখা ছাড়াই ওয়েব পেজ তৈরি করার পদ্ধতি অবশ্যই আছে। আপনি ইতিমধ্যেই Microsoft FrontPage বা Macromedia Dreamweaver এর সাথে পরিচিত হতে পারেন। এগুলি হল ড্র্যাগ-এন্ড-ড্রপ, WYSIWYG ("what-you-see-is-what-you- get") ওয়েব পৃষ্ঠা সম্পাদক যা আপনার জন্য অন্তর্নিহিত HTML কোড তৈরি করে৷

আপনি, আসলে, এই সফ্টওয়্যার প্যাকেজগুলি দিয়ে এইচটিএমএল সম্পর্কে সম্পূর্ণ অজ্ঞতায় ওয়েব পেজ তৈরি করতে পারেন। কেন, তাহলে, HTML শিখতে বিরক্ত?

আপনি যদি একজন নৈমিত্তিক বা মাঝে মাঝে ওয়েব পৃষ্ঠার লেখক হন যিনি একটি সাধারণ, ব্যক্তিগত ওয়েব সাইট বজায় রাখেন তবে সম্ভবত HTML সম্পর্কে অন্ধকারে থাকাই যথেষ্ট। একটি ভিজ্যুয়াল, ড্র্যাগ-এন্ড-ড্রপ সম্পাদক আপনাকে অন্তর্নিহিত কোডের জ্ঞান ছাড়াই পৃষ্ঠার বিষয়বস্তু রচনা এবং সাজানোর অনুমতি দেয়। অজ্ঞতাই আনন্দ।একজন জ্ঞানী বিকাশকারী হিসাবে, যদিও, বাণিজ্যিক সাইট তৈরি এবং রক্ষণাবেক্ষণের জন্য পেশাদার দায়িত্ব সহ, HTML ভাষা জানা অত্যন্ত গুরুত্বপূর্ণ। আপনি পৃষ্ঠা তৈরি করতে ভিজ্যুয়াল এডিটর ব্যবহার করতে পারেন।

ওয়েব অ্যাপ্লিকেশান গুলি আরও পরিশীলিত হওয়ার সাথে সাথে আপনাকে পৃষ্ঠা গুলিকে আলাদা করতে এবং কোড স্তরে আবার একসাথে রাখতে সক্ষম হতে হবে, কেবল বিষয়বস্তু স্তরে নয়।

আপনার প্রয়োজন, এক অর্থে, ইঞ্জিনের সাথে হুড এবং টিঙ্কার জূড়তে।

এটি একটি সাধারণ ঘটনা যে ছাত্ররা একবার HTML কোডিংয়ের সংস্পর্শে আসার পর তারা আসলে WYSIWYG অথরিং টুল ব্যবহার করার পরিবর্তে কোড লেভেলে কাজ করতে পছন্দ করে।

পৃষ্ঠা ডিজাইনের উপর আপনার আরও বেশি নিয়ন্ত্রণ রয়েছে এবং প্রায়শই, আপনি সম্পাদক সফ্টওয়্যারের চেয়ে সরাসরি কোডের সাথে কাজ করা সহজ হবে।

আশা করি আপনি HTML ভাষা শেখার সাথে সাথে এটি আপনার অভিজ্ঞতা হবে।

XHTML এর ভূমিকা

এক্সএইচটিএমএল এর বিবর্তনএক্সটেনসিবল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজের এক্সএইচটিএমএল সংক্ষিপ্ত রূপ হল W3C থেকে ওয়েব পেজগুলির জন্য একটি মার্কআপ ভাষা। XHTML HTML এবং XML একক বিন্যাসে (HTML 4.0 এবং XML 1.0) একত্রিত করে।

XML এর মত, XHTML কে মালিকানা ট্যাগ দিয়ে প্রসারিত করা যেতে পারে। এছাড়াও XML-এর মতো, XHTML-কে HTML-এর চেয়ে আরও কঠোরভাবে কোড করতে হবে।বছরের পর বছর ধরে, এইচটিএমএল কোডারগুলি ঢালু হয়ে গেছে, কারণ ওয়েব ব্রাউজার সফ্টওয়্যারটি মূলত এইচটিএমএল কোডিং-এর বিভিন্ন পরিবর্তন সহ্য করার জন্য লেখা হয়েছিল। XHTML এর সাথে, কোডারদের অবশ্যই নিয়ম মেনে চলতে হবে।এইচটিএমএল এবং এক্সএইচটিএমএল এর মধ্যে মাত্র কয়েকটি পার্থক্য রয়েছে। সৌভাগ্যবশত, এগুলি সবই গৌণ, যা আপনার ওয়েবসাইটকে HTML থেকে XHTML-এ রূপান্তর করা অনেক সহজ করে তোলে৷

XHTML 1.0 26 জানুয়ারী, 2000-এ একটি ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (W3C) সুপারিশ হয়ে ওঠে। XHTML 1.1 একটি W3C সুপারিশে পরিণত হয় 31 মে, 2001।

XHTML কি?

আবার, কেউ কেউ বলে যে এটি XML গুণাবলী সহ HTML। অনেকে বলে যে এটি ডকুমেন্ট টাইপ ডেফিনিশন (ডিটিডি) এ লেখা এইচটিএমএল সহ XML।

এখানে XML ওয়েবের ভবিষ্যতের জন্য নির্বাচিত ভাষা হয়ে উঠেছে।

এই টিউটোরিয়াল গুলি XHTML 1.1 (বর্তমান মান) এবং XHTML 1.0-এ অন্তর্ভুক্ত জনপ্রিয় এইচটিএমএল হোল্ড-ওভার বৈশিষ্ট্যগুলির সাথে কঠোর সামঞ্জস্যের মধ্যে ভারসাম্য বজায় রাখার চেষ্টা করে।

প্রাথমিক বিষয়বস্তু XHTML 1.1 এর উপর ভিত্তি করে পরিপূরক বিভাগগুলি XHTML 1.0 এর বৈশিষ্ট্যগুলি উপস্থাপন করে যা এখনও জনপ্রিয় এবং এখনও আধুনিক ব্রাউজার দ্বারা স্বীকৃত।ওয়েব পৃষ্ঠাগুলি তৈরি করার সময় এটি সুপারিশ করা হয় যে কোডিং এর কোডিংয়ে W3C মান অনুসরণ করা নির্দেশ করার জন্য অন্তর্ভুক্ত করা হবে। এই কারণে এটি সুপারিশ করা হয় যে সমস্ত ওয়েব পেজে নিম্নলিখিত কোডের প্রাথমিক লাইনটি অন্তর্ভুক্ত করা উচিত যাতে বোঝানো যায় যে ওয়েব নথিটি আসলে একটি XML-ভিত্তিক নথি:<?xml version="1.0" encoding="UTF- 8"?>তালিকা 1-2।

ওয়েব পৃষ্ঠার জন্য XML ঘোষণা।এক্সএইচটিএমএল 1.1 কনফরমেন্স

উপরন্তু, ওয়েব পৃষ্ঠাটি নির্দেশ করা উচিত যে এটি কোন মানগুলির সাথে সামঞ্জস্যপূর্ণ।

একটি ওয়েব পৃষ্ঠা XML ঘোষণা অনুসরণ করে পৃষ্ঠার শীর্ষে কোড করা একটি ডকুমেন্ট টাইপ ডেফিনিশন (DTD) এর সাথে তার কনফরমেন্স স্ট্যান্ডার্ডকে বোঝায়। যেহেতু এই টিউটোরিয়াল গুলিতে অনুসৃত প্রাথমিক কনফরমেন্স স্ট্যান্ডার্ড হল XHTML 1.1, তাই কনফরমেন্স DTD নিম্নরূপ কোড করা হয়েছে।<!DOCTYPE html পাবলিক"-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd">

এক্সএইচটিএমএল 1.1 কনফরমেন্সের জন্য ডকুমেন্ট টাইপ ডেফিনিশন (ডিটিডি)।এক্সএইচটিএমএল 1.0 কনফরমেন্স <!DOCTYPE html public "-//W3C//DTDXHTML 1.0 কঠোর//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml strict.dtd"><!DOCTYPE html public "-//W3C//DTD XHTML 1.0 transition al//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><!DOCTYPE html public "-//W3C//DTDXHTML 1.0 ফ্রেমসেট//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml frameset.dtd">এক্সএইচটিএমএল 1.0 কনফার্মেন্স স্ট্যান্ডার্ড।

XHTML 1.1-এর সাথে সঙ্গতিপূর্ণ কোডেড উল্লেখ করা ছাড়া সমস্ত পৃষ্ঠাগুলি, যা XHTML 1.0 Stri মানগুলির সাথে প্রায় অভিন্ন।

যে ওয়েব পৃষ্ঠাগুলি XHTML 1.1 (এবং XHTML 1.0 herd) এর বাইরে যায় তাদের জন্য কোন DTD তম পৃষ্ঠায় আবেদন করতে হবে সে সম্পর্কে স্ট্যান্ডার্ড নোটিশ দেওয়া হয়েছে।<html> রুট এলিমেন্ট সবশেষে, একটি XHTML পৃষ্ঠার মূল উপাদান (প্রাথমিক ট্যাগ) একটি <html> ট্যাগ হওয়া উচিত যা প্রযোজ্য স্ট্যান্ডার্ডের নাম স্থান নির্দেশ করে, অর্থাৎ, পৃষ্ঠায় প্রয়োগ করা XHTML স্ট্যান্ডার্ডের ওয়েব অবস্থান। সমস্ত ক্ষেত্রে, মূল উপাদানটি তালিকা 1-5 এ দেখানো হিসাবে কোড করা হয়

।<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">তালিকা 1-5। <html> মূল উপাদান।কোডিং কনফরমেন্স স্ট্যান্ডার্ড <?xml version="1.0" encoding="UTF- 8"?><!DOCTYPE html public "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>XHTML 1.1-এ <title>webpage</title></head><body><h2>টেক্সটের এই লাইনটি ফর্ম্যাট করুন।</h2></body> </html>XHTML 1.1 মানগুলির সাথে পৃষ্ঠার সম্মতি নির্দেশ করার জন্য কোড।

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html public "-//W3C//DTD XHTML 1.0 transition al//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"><head><title>XHTML 1.0 Transitiona-এ ওয়েব পেজসামঞ্জস্য</title></head><body><h2>টেক্সটের এই লাইনটি ফর্ম্যাট করুন।</h2></body></html> <?xml version="1.0" encoding="UTF- 8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 কঠোর//EN" "DTD/xhtml1-strict.dtd">

কমান্ডগুলি ব্রাউজারকে সতর্ক করবে যে পৃষ্ঠাটি প্রদর্শন করবে যে XHTML হল রেন্ডার করার ভাষা। head এবং body ট্যাগ এখন বাধ্যতামূলক।

এইচটিএমএল-এ, অনুচ্ছেদের মধ্যে একটি <P> রাখলে আপনি দূরে যেতে পারেন এবং ব্রাউজার এটিকে ঠিক রেন্ডার করবে। আপনার যদি একটি পৃষ্ঠায় শুধুমাত্র একটি টেবিল থাকে, তাহলে আপনার শেষ TD এবং শেষ TR ট্যাগের প্রয়োজন হবে না।

XHTML DTD এর অধীনে, এটি আর সত্য নয়। যে সমস্ত ট্যাগগুলির শেষ ট্যাগের প্রয়োজন সেগুলি শেষ ট্যাগ৷

খালি ট্যাগ একটি সমাপ্ত স্ল্যাশ।

একটি খালি ট্যাগ হল একটি ট্যাগ যার শেষ ট্যাগের প্রয়োজন হয় না।

উদাহরণগুলির মধ্যে রয়েছে <BR> এবং <HR>।XHTML DTD-এর অধীনে, খালি ট্যাগগুলি এখন ট্যাগ টেক্সটের পরে একটি স্পেস বহন করবে এবং তারপরে একটি সমাপ্ত স্ল্যাশ, যেমন:o <BR> এখন <br />। o <HR> এখন <hr />। o <IMG SRC="--"> এখন <img src="--" />

আপনি উপরে লক্ষ্য করেছেন যে XHTML উদাহরণগুলিতে head, body, br, hr, এবং img ছোট হাতের মধ্যে লিখেছি।

এর কারণ সমস্ত ট্যাগ ছোট হাতের হতে হবে।

এটি অ্যাট্রিবিউটের ক্ষেত্রে প্রযোজ্য নয়, শুধুমাত্র ট্যাগের ক্ষেত্রে।

উদাহরণস্বরূপ, এই উভয় ফর্ম্যাটই XHTML DTD-এর অধীনে গ্রহণযোগ্য:o <font color="#ffffcc"> o <font color="#FFFFCC"> আপনি হয়তো লক্ষ্য করেছেন যে সমস্ত বৈশিষ্ট্যর চারপাশে উদ্ধৃতি রয়েছে। এর কারন বৈশিষ্ট্য উদ্ধৃতি এখন বাধ্যতামূলক।

ট্যাগ নেস্ট নাও হতে পারে।

HTML এ, এটি একটি গ্রহণযোগ্য বিন্যাস। এটি রেন্ডার করবে:<B><I>পাঠ্য</B></I>আর নেই। এখন ট্যাগগুলি অবশ্যই একটি লজিক্যাল শুরু এবং শেষ প্যাটার্ন অনুসরণ করবে। তারা শুরু করা হয় একই স্তরে শেষ করা আবশ্যক. এটি উপরের কোড লেখার সঠিক এক্সএইচটিএমএল পদ্ধতি:o <b><i> .....</i></b>আবার, ছোট হাতের ট্যাগগুলি নোট করুন।

অ্যাট্রিবিউটের মানগুলি অবশ্যই বোঝাতে হবে।

অধিকাংশ গুণাবলী এই ভাবে করা হয়. উদাহরণস্বরূপ, FONT FACE="arial"। লক্ষ্য করুন যে "arial" বৈশিষ্ট্যটি "FACE=" অনুসরণ করে।

বৈশিষ্ট্য এবং সমান চিহ্ন, কিছু ক্ষেত্রে, HTML এ বাদ দেওয়া হয়েছে।যেমন:o <INPUT TYPE="radio" চেক করা হয়েছে>"চেক করা" শব্দটি একটি মিনিমাইজড অ্যাট্রিবিউট।

কিন্তু XHTML এর অধীনে এটি আর একটি মিনিমাইজড অ্যাট্রিবিউট নয়।

আপনাকে অবশ্যই প্রতিটি বৈশিষ্ট্য বোঝাতে হবে। এখানে XHTML DTD এর অধীনে উপরে যা লেখা আছে তা লেখার সঠিক পদ্ধতি রয়েছে:o <input type="radio" checked="checked">৷

এগুলো খুব ঘন ঘন আসে না। এখানে HTML বিন্যাসে কয়েকটি উদাহরণ রয়েছে:o <INPUT TYPE="radio" চেক করা হয়েছে>o <INPUT TYPE="checkbox" চেক করা হয়েছে>O <বিকল্প নির্বাচিত> o <DL কমপ্যাক্ট>o <UL কমপ্যাক্ট> <script language="JavaScript" type="text/javascript"> <![CDATA[ document.write("Hi there"); ]]></script>

এর পরিবর্তে আপনার মন্তব্য লিখতে হবে <[CDATA[মন্তব্য]]> লাইকআপনি যদি একটি XHTML নথিতে একটি মন্তব্য লিখতে চান তবে আপনি এটি লিখুন:o <[CDATA[মন্তব্য ]]>

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE htmlপাবলিক "-//W3C//DTD XHTML 1.0//EN""DTD/xhtml1-strict.dtd">৷<html xml:lang="en" lang="en">৷<head><title>ভার্চুয়াল লাইব্রেরি</title></head><body><p> <a-এ সরানো হয়েছেhref="http://vlib.org/">vlib.org</a>।</p></body></html>.

XHTML এর ভূমিকা কেন XHTMLএক্সএইচটিএমএল ডকুমেন্টগুলির একটি সাধারণ, সাধারণ কাঠামো রয়েছে যা সমস্ত ওয়েব পেজ ডিজাইন করার ভিত্তি তৈরি করে। ট্যাগগুলির এই মৌলিক কাঠামোটি নিম্নলিখিত বিভাগে বর্ণিত সংশ্লিষ্ট ট্যাগের সাথে নিম্নলিখিত তালিকায় দেখানো হয়েছে।

<?xml version="1.0" encoding="UTF- 8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtm I" xml:lang="en"> <head> <title>page title goes here</title> </head> <body> page content goes here </body> </html> A simple Web page template.

আপনি একটি XHTML পৃষ্ঠা কোডিং শুরু করার সাথে সাথে আপনি এই টেমপ্লেটটি দিয়ে শুরু করতে পারেন।

আসলে, আপনি এই নথিটি তৈরি করতে এবং এটিকে একটি টেমপ্লেট ফাইল হিসাবে সংরক্ষণ করতে চাইতে পারেন। তারপরে, যখন আপনি একটি নতুন পৃষ্ঠা শুরু করেন, কেবলমাত্র এই নথিটি খুলুন, এটিকে নতুন পৃষ্ঠার নামে সংরক্ষণ করুন এবং সেই পৃষ্ঠায় নির্দিষ্ট তথ্য প্রদর্শিত হওয়ার জন্য কোডিং চালিয়ে যান৷

প্রথম লাইনটি নির্দেশ করে যে এই নথিটি XML সংস্করণ 1.0-এর উপর ভিত্তি করে। অবশিষ্ট লাইনগুলি ডকুমেন্ট টাইপ সংজ্ঞা নির্দেশ করে যা পৃষ্ঠার জন্য ব্যবহৃত W3C কোডিং মান নির্দেশ করে, এই ক্ষেত্রে XHTML সংস্করণ 1.1।<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html public"-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd">

<head> <title>পৃষ্ঠা ........... </title> </head> <head> বিভাগ।<title> ট্যাগ<title> কন্টেইনার ট্যাগ নথিতে একটি শিরোনাম দেয়। এই ট্যাগটি পাঠ্যের একটি স্ট্রিংকে আবদ্ধ করে যা পৃষ্ঠাটি খোলার সময় ব্রাউজারের শিরোনাম বারে প্রদর্শিত হয়। <title> ট্যাগ আপনার ওয়েব সাইটের বিভিন্ন পৃষ্ঠা পরিদর্শনকারী ব্যক্তিকে সহায়ক পৃষ্ঠা সনাক্তকরণ তথ্য প্রদান করে। মনে রাখবেন যে XHTML 1.1 মানগুলির সাথে সামঞ্জস্যের জন্য <head> এবং <title> বিভাগগুলি প্রয়োজন৷<title>1st XHTML কম্পিটেবল ওয়েব পেজ</title><body> ট্যাগ

<body> ট্যাগে সেই বিষয়বস্তু থাকে যা আমরা ওয়েব পৃষ্ঠায় প্রদর্শন করতে চাই। সমস্ত ট্যাগ যা কিছু আউটপুট/ফরম্যাটিং প্রভাব/স্টাইল প্রভাব ইত্যাদি তৈরি করে তা বডি ট্যাগের ভিতরে লেখা হয়।<body><hr /><h2>আমার প্রথম XHTML ওয়েব পৃষ্ঠা</h2><hr /></body>XHTML মন্তব্যআপনার ওয়েব ডকুমেন্টের বিভিন্ন বিভাগ বর্ণনা করার জন্য মন্তব্য করা সাধারণত একটি ভালো ধারণা।

মন্তব্য হল XHTML কোডের সাধারণ বর্ণনা বা ব্যাখ্যা। যখন আপনি বা অন্য কেউ নথিটি সম্পাদনা করার জন্য পরবর্তী সময়ে ফিরে আসেন তখন কোডের অংশগুলির উদ্দেশ্য বা বিষয়বস্তুগুলির জন্য এইগুলি দরকারী অনুস্মারক হিসাবে কাজ করে৷

উপরের উদাহরণে, <body> বিভাগের শুরুতে একটি সাধারণ মন্তব্য রাখা হয়েছে।<![CDATA[ আমার প্রথম XHTML পৃষ্ঠা]]>

<head> <title>পৃষ্ঠা........... </title> </head> <head> বিভাগ।<title> ট্যাগ<title> কন্টেইনার ট্যাগ নথিতে একটি শিরোনাম দেয়।

এই ট্যাগটি পাঠ্যের একটি স্ট্রিংকে আবদ্ধ করে যা পৃষ্ঠাটি খোলার সময় ব্রাউজারের শিরোনাম বারে প্রদর্শিত হয়। <title> ট্যাগ আপনার ওয়েব সাইটের বিভিন্ন পৃষ্ঠা পরিদর্শনকারী ব্যক্তিকে সহায়ক পৃষ্ঠা সনাক্তকরণ তথ্য প্রদান করে। মনে রাখবেন যে XHTML 1.1 মানগুলির সাথে সামঞ্জস্যের জন্য <head> এবং <title> বিভাগগুলি প্রয়োজন৷<title>1ম XHTML কম্পিটেবল ওয়েব পেজ</title><body> ট্যাগ

XHTML কোডের সাধারণ বর্ণনা বা ব্যাখ্যা। যখন আপনি বা অন্য কেউ নথিটি সম্পাদনা করার জন্য পরবর্তী সময়ে ফিরে আসেন তখন কোডের অংশগুলির উদ্দেশ্য বা বিষয়বস্তুগুলির জন্য এইগুলি দরকারী অনুস্মারক হিসাবে কাজ করে৷ উপরের উদাহরণে, <body> বিভাগের শুরুতে একটি সাধারণ মন্তব্য রাখা হয়েছে।<![CDATA[ আমার প্রথম XHTML পৃষ্ঠা]]>

HTML কোডের একটি ছোট অংশে মন্তব্য করার একটি দ্বিতীয় পদ্ধতি হল একটি ট্যাগের মধ্যে বিস্ময় চিহ্ন (!) ব্যবহার করে। এই চিহ্নটি একটি সম্পূর্ণ ট্যাগের প্রদর্শন স্থগিত করতে ব্যবহার করা যেতে পারে -- এটি ট্যাগের শুরুতে যোগ করে বা এটির একটি বৈশিষ্ট্যের সামনে এটি যোগ করে। নিম্নলিখিত উদাহরণে এই চিহ্নটি পাঠ্যের লাইন থেকে তার পার্শ্ববর্তী <p> ট্যাগ মন্তব্য করে বিন্যাস অপসারণ করতে ব্যবহৃত হয়।

<!p style="font-family:arial; color="red"> এই লাইনটিকে লাল রঙে ফর্ম্যাট করুন৷ </p>ঘটনাক্রমে, বিস্ময় চিহ্নটি একটি আনুষ্ঠানিক, অনুমোদিত মন্তব্য চিহ্ন নয়। অন্য যেকোন অক্ষর ব্যবহার করা যেতে পারে যেহেতু এটি কেবল ট্যাগ নাম বা বৈশিষ্ট্যের নামকে দূষিত করে, ব্রাউজারে এটিকে অর্থহীন করে তোলে। স্ট্যান্ডার্ড মন্তব্য ট্যাগের সাথে সামঞ্জস্যের জন্য এখানে একটি বিস্ময় চিহ্ন ব্যবহার করা হয়েছে।

<?xml version="1.0" encoding="UTF- 8"?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd"><htmlxmlns="http://www.w3.org/1999/xhtmইন" xml:lang="en"><মাথা><title>1ম XHTML কম্পিটেবল ওয়েবপৃষ্ঠা</title></head><body><![CDATA[ আমার প্রথম XHTML পৃষ্ঠা]]><hr /><h2>আমার প্রথম XHTML ওয়েব পৃষ্ঠা</h2><hr /></body></html>একটি ওয়েব পেজ টেমপ্লেট।

শিরোনামহীন-নোটপ্যাডফাইল সম্পাদনা বিন্যাস দেখুন সাহায্য<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE htmlপাবলিক "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head><title>1ম XHTML কম্পিটেবল ওয়েব পেজ</title></head> <body><hr /><h2>আমার প্রথম XHTML ওয়েব পৃষ্ঠা</h2><hr /></body>

নথির শীর্ষে একটি শিরোনাম প্রদর্শিত হয় এবং সমস্ত অনুচ্ছেদ একক ফাঁকা লাইন দ্বারা একে অপরের থেকে পৃথক করা হয়।

ব্রাউজারে যেভাবে প্রদর্শিত হয় সেভাবে সম্পাদকে তথ্য প্রবেশ করার জন্য যত্ন নেওয়া হয়।

এই অনুশীলনটি অনুসরণ করা উচিত যাতে সম্পাদকের প্রদর্শন নিজেই সুশৃঙ্খল এবং পাঠযোগ্য হয়। যাইহোক, এডিটর ফরম্যাটিং কিভাবে একটি ওয়েব পৃষ্ঠা হিসাবে প্রবেশ করা তথ্য প্রদর্শিত হয় তার সাথে খুব কমই জড়িত।

<?xml version="1.0" encoding="ISO-8859-1 > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>XHTML Paragraph with Justified alignment </title> </head> <body> <p align="justify">A Web page begins with preliminary sections of code that identify it as an XHTML document. Als included is a title which appears in the browserï¿½s Title Bar.</p> <p align="justify">All content that

ব্রাউজার উইন্ডোতে প্রদর্শিত কোড করা হয়পৃষ্ঠার body অংশে।

টেক্সট তথ্য, গ্রাফিক ছবি, লিঙ্ক, এবং অন্যান্য পৃষ্ঠার বিষয়বস্তু পৃষ্ঠায় যোগ করা হয় এবং উপস্থাপনের জন্য সাজানোর জন্য XHTML ট্যাগ দ্বারা বেষ্টিত হয়।</p><p align="justify">এটা মনে রাখা গুরুত্বপূর্ণ যে নথিতে কোড করা XHTML ট্যাগের মাধ্যমেই পৃষ্ঠায় বিষয়বস্তু সাজানো হয়েছে। অন্যথায়, সমস্ত বিষয়বস্তু একটি আনফরম্যাট হিসাবে একসাথে চলে পাঠ্যের স্ট্রিং।</p></body></html>

<?xml version="1.0" encoding="ISO-8859-1><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 কঠোর//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><মাথা><মেটা http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /><title>XHTML ব্লককোট উপাদান </title></head><body>ব্লককোট উদাহরণ<p>এখানে তিনটি অনুচ্ছেদ আছে। এই প্রথম অনুচ্ছেদটি একটি আদর্শ অনুচ্ছেদ ট্যাগ দিয়ে ফরম্যাট করা হয়েছে এবং পৃষ্ঠার বাম মার্জিনে ব্লক করা হয়েছে।</p><blockquote><p>এই দ্বিতীয় অনুচ্ছেদটি ইন্ডেন্ট করার জন্য একটি ব্লককোট ট্যাগ ফর্ম্যাট করা হয়েছে <?xml version="1.0" encoding="ISO-8859-1 > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>XHTML Blockquote element </title> </head> <body> Blockquote example <p>Here are five paragraphs. This first paragraph is formatted with a standard paragraph tag and is blocked at the left margin of the page.</p> <blockquote> <p>This second paragraph is formatted with a blockquote tag to

left and right margins approximately 40 pixels from the edges of the page. </p> </blockquote> <p>This final paragraph is coded like the first one. It is enclosed within a standard paragraph tag and is blocked at the left margin.</p> </body> </html> A text block formatted with <blockquote> tag. a XHTML Blockquote element File Edit View History Bookmarks Window Help Q- Google Apple Amazon eBay Yahoo! News (130)▾ Blockquote example Here are three paragraphs. This first paragraph is formatted with a standard paragraph tag and is blocked at the left margin of the page. This second paragraph is formatted with a blockquote tag to indent its left and right margins approximately 40 pixels from the edges of the page. This final paragraph is coded like the first one. It is enclosed within a standard paragraph tag and is blocked at the left margin. Copyrighted material

indent its left and right margins approximately 40 pixels from the edges of the page. </p> <blockquote> <p>This paragraph is also surrounded by blockquote tags. It is further indented within the margins produced by its outer blockquote tag. </p> </blockquote> <p>This paragraph is aligned like the second paragraph since it also appears inside the outermost blockquote tag. </p> </blockquote> <p>This fifth paragraph is coded like the first one. It is enclosed within a standard paragraph tag and blocked at the left margin.</p> </body> </html> <?xml version="1.0" encoding="ISO-8859-1><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 কঠোর//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">৷<head><meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /> <title>XHTML লাইন বিরতি </title></head><body><p>এখানে জনি এবং একটি ছোট বিড়াল সম্পর্কে একটি গল্প রয়েছে যেটি যেখানেই সে যায় তাকে অনুসরণ করে।</p><blockquote><p>জনির একটি ছোট বিড়াল ছিল,<br/> এর লোম তুষার মত সাদা ছিল;<br/> এবং জনি যেখানেই গিয়েছেন,<br/> বিড়াল নিশ্চিত যায়৷</p></blockquote><p>জনির একটি বিশ্রী সামাজিক জীবন ছিল।

</p></body></html>শ্লোকের চারটি লাইন একটি ব্লক উদ্ধৃত অনুচ্ছেদের ভিতরে আবদ্ধ করা হয় যাতে সেগুলিকে আশেপাশের অনুচ্ছেদ থেকে অফসেট এবং ইন্ডেন্ট করা যায়। শ্লোকের প্রতিটি লাইন পূর্ববর্তী লাইনের নীচে একটি পৃথক টেক্সট লাইনে প্রদর্শিত হয়।এটা মনে রাখা গুরুত্বপূর্ণ যে একটি <br/> ট্যাগ একটি ইন-লাইন ট্যাগ, ব্লক-লেভেল ট্যাগ নয়; তাই, XHTML 1.1 স্ট্যান্ডার্ডের অধীনে এটি নিজে থেকে একটি লাইনে বা স্ট্যান্ড-অ্যালোন ট্যাগ হিসাবে প্রদর্শিত হতে পারে না। এটি অবশ্যই একটি <p> বা অন্য ব্লক-লেভেল ট্যাগের ভিতরে আবদ্ধ থাকতে হবে যেমনটি আগের উদাহরণে করা হয়েছে।

.ব্লক-লেভেল <ul> কন্টেইনার ট্যাগ দিয়ে ব্লক-লেভেল <li> (তালিকা আইটেম) কন্টেইনার ট্যাগ দিয়ে চিহ্নিত করা তালিকাভুক্ত আইটেম গুলিকে ঘেরাও করে একটি অ-ক্রমবিহীন তালিকা তৈরি করা হয়। একটি ক্রমহীন তালিকার জন্য সাধারণ বিন্যাস নীচে দেখানো হয়েছে:<ul> <li>তালিকা আইটেম</li> <li>তালিকা আইটেম</li></ul>ক্রমহীন তালিকার জন্য সাধারণ বিন্যাস।

xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><মাথা><title> XHTML তালিকা </title><meta name="generator" content="editplus" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>XHTML তালিকা ডেমো</h2><hr /><ul><li>তালিকা আইটেম 1</li><li>তালিকা আইটেম 2</li><li>তালিকা আইটেম 3</li>

</ul><hr /></body></html>

তালিকার আইটেমগুলি একক ব্যবধানে এবং তার আগে একটি বুলেট অক্ষর রয়েছে৷ যদি একটি তালিকা আইটেমের জন্য পাঠ্য পৃষ্ঠার প্রস্থের চেয়ে প্রশস্ত হয় তবে এটি বুলেট অক্ষরের ভিতরে শব্দ মোড়ানো এবং ইন্ডেন্ট করা হয়।

আইটেমগুলিকে <p> ট্যাগের ভিতরে ঢেকে রাখা যেতে পারে বা <br/> ট্যাগগুলিকে আইটেমের মধ্যে কোড করা যেতে পারে যাতে তাদের মধ্যে লাইন ব্যবধান বাড়ানো যায়। নিম্নোক্ত তালিকা, উদাহরণস্বরূপ, তালিকার আইটেমগুলিকে <p> ট্যাগ সহ এন্ট্রিগুলির মধ্যে ফাঁকা লাইনগুলিকে ঘিরে রাখে।

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><মাথা><title> XHTML তালিকা </title><meta name="generator" content="jNote-iT" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>XHTML তালিকা ডেমো</h2><hr /><ul><li><p>এটি তালিকার প্রথম আইটেম। বুলেট অক্ষর অনুসরণ করা টেক্সট এর ভিতরে মোড়ানো শব্দ

বুলেট অনুচ্ছেদ ট্যাগগুলি তালিকার আইটেমগুলির মধ্যে ফাঁকা লাইন রাখতে ব্যবহৃত হয়।</p></li><li><p>এটি তালিকার দ্বিতীয় আইটেম। বুলেট অক্ষর অনুসরণ করা টেক্সট হল বুলেটের ভিতরে মোড়ানো শব্দ। অনুচ্ছেদ ট্যাগগুলি তালিকার আইটেমগুলির মধ্যে ফাঁকা লাইন রাখতে ব্যবহৃত হয়৷</p></li></ul><hr /></body></html>• এই তালিকার প্রথম আইটেম. বুলেট অক্ষর অনুসরণ করা টেক্সট হল বুলেটের ভিতরে মোড়ানো শব্দ। অনুচ্ছেদ ট্যাগগুলি তালিকার আইটেমগুলির মধ্যে ফাঁকা লাইন রাখতে ব্যবহৃত হয়।• এটি তালিকার দ্বিতীয় আইটেম। বুলেট অক্ষর অনুসরণ করা টেক্সট হল বুলেটের ভিতরে মোড়ানো শব্দ। অনুচ্ছেদ ট্যাগগুলি তালিকার আইটেমগুলির মধ্যে ফাঁকা লাইন রাখতে ব্যবহৃত হয়।

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><মাথা><title> XHTML নেস্টেড তালিকা </title><meta name="generator" content="jNote-আইটি" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>XHTML নেস্টেড লিস্ট ডেমো</h2><hr /><ul><li>তালিকা আইটেম 1</li><li>তালিকা আইটেম 2<ul>

<li>তালিকা আইটেম 2a</li><li>তালিকা আইটেম 2b<ul><li>লিস্টআইটেম 2b1</li><li>তালিকা আইটেম 2b2</li></ul></li></ul></li><li>তালিকা আইটেম 3</li></ul><hr /></body></html>

নেস্টেড অ-ক্রমবিহীন তালিকার জন্য কোড।

<ol><li>তালিকা আইটেম</li><li>তালিকা আইটেম</li></ol>আদেশকৃত তালিকার জন্য সাধারণ বিন্যাস।

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTDXHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtmltransitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title> XHTML অর্ডারকৃত তালিকা </title><meta name="generator" content="jNote-আইটি" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>XHTML অর্ডারকৃত তালিকা ডেমো</h2><hr /><ol><li>তালিকা আইটেম 1</li><li>তালিকা আইটেম 2</li><li>তালিকা আইটেম 3</li>

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><মাথা><title> XHTML নেস্টেড অর্ডার করা তালিকা </title><meta name="generator" content="jNote-আইটি" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>এক্সএইচটিএমএল নেস্টেড অর্ডার করা তালিকাডেমো</h2><hr /><ol><li>তালিকা আইটেম 1</li>

<li>তালিকা আইটেম 2<ol><li>তালিকা আইটেম 2.1</li><li>তালিকা আইটেম 2.2</li></ol></li><li>তালিকা আইটেম 3</li></ol><hr /></body></html>নেস্টেড অর্ডার করা তালিকার জন্য কোড।

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title> XHTML অর্ডারকৃত তালিকা </title><meta name="generator" content="jNote-আইটি" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>XHTML অর্ডারকৃত তালিকা ডেমো</h2><hr /><p>এটি তালিকার শুরু:</p><ol type="A">

<li>তালিকা আইটেম A</li><li>তালিকা আইটেম B</li><li>তালিকা আইটেম C</li><li>তালিকা আইটেম D</li><li>তালিকা আইটেম E</li></ol><p>এটি তালিকার একটি ধারাবাহিকতা:</p><ol type="A" start="6"><li>তালিকা আইটেম F</li><li>তালিকা আইটেম G</li><li>তালিকা আইটেম H</li><li>তালিকা আইটেম I</li><li>তালিকা আইটেম J</li></ol><hr /></body></html>1 তালিকা

সংজ্ঞা তালিকা ট্যাগের জন্য সাধারণ বিন্যাস।একটি সংজ্ঞা তালিকা <dl> ট্যাগের ভিতরে আবদ্ধ থাকে এবং এতে এক বা একাধিক <dt> (সংজ্ঞা শব্দ) ট্যাগ থাকে যেগুলিকে সংজ্ঞায়িত করতে হবে। প্রতিটি সংজ্ঞা শব্দের সাথে একটি যুক্ত <dd> (সংজ্ঞা বিবরণ) ট্যাগ থাকে যা শব্দটির সংজ্ঞাকে আবদ্ধ করে।

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html পাবলিক "-//W3C//DTD XHTML 1.0 ট্রানজিশনাল//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title> XHTML পরিভাষা তালিকা </title><meta name="generator" content="jNote-আইটি" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head><body><h2>এক্সএইচটিএমএল ডিফিনিশন লিস্ট ডেমো</h2><hr /><dl><dt>ইউনিসেফ</dt><dd>জাতিসংঘ আন্তর্জাতিক.

Children Education Fund</dd> <dt>ADB</dt> <dd>Asian Development Bank. </dd> <dt>ARPANET</dt> <dd>Advanced Research and Project Agency Network</dd> </dl> <hr /> </body> </html>

Code for a definition list.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> XHTML Hyperlink Demo </title> <meta name="generator" content="jNote- IT" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <h2>Linking Web Pages</h2> <hr /> <p>Navigation between pages of a Web sit is made possible through.

HTML সিনট্যাক্স আপনাকে আপনার বিষয়বস্তু ধরে রাখতে এবং শৈলী এবং আচরণের অতিরিক্ত স্তরগুলিকে সমর্থন করার জন্য একটি নির্ভরযোগ্য ডকুমেন্ট ট্রি তৈরি করতে দেয়।

এইচটিএমএল সিনট্যাক্সএইচটিএমএল এবং এর সহযোগে এক্সএইচটিএমএল নথি মার্ক আপ করার জন্য নিয়মগুলির একটি সেট সংজ্ঞায়িত করে, সেইসাথে সেই মার্কআপটি কীভাবে গঠন করা উচিত তার নিয়মগুলি।

এইচটিএমএল পার্সার (কিন্তু এক্সএইচটিএমএল পার্সার নয়) সাধারণত একটি নীতি অনুসরণ করে যা ।

যেখানে XHTML-এর জন্য নথির নির্মাতাকে খুব সুনির্দিষ্ট মার্কআপ লিখতে হবে, সেখানে HTML পার্সাররা উদারভাবে বাদ পড়া ঠিক করবে এবং মার্কআপে উপস্থিত খালি উপাদানগুলিকে সরিয়ে দেবে। এটি দর্শনার্থীর দৃষ্টিকোণ থেকে নথিটিকে বৈধ করে তোলে, যদিও স্টাইলিস্টের দ্বারা উদ্দিষ্ট কাঠামোটি ব্যবহার করা আবশ্যক নয়।

এক্সএইচটিএমএল ব্যাপকভাবে কেস সংবেদনশীল, যা মানগুলির ক্ষেত্রে গুরুত্বপূর্ণ হতে পারে, যখন এইচটিএমএল শুধুমাত্র শ্রেণী এবং আইডি বৈশিষ্ট্যগুলির জন্য মানগুলির ক্ষেত্রে সংবেদনশীলতা প্রয়োগ করে৷

যেখানে একটি XHTML ট্যাগের মধ্যে একটি বৈশিষ্ট্য প্রয়োগ করা হয়, এটি অবশ্যই একটি মান সহ অনুসরণ করতে হবে৷ এইচটিএমএল-এ সাধারণত কোনো মান থেকে বঞ্চিত অ্যাট্রিবিউটের ক্ষেত্রে, সাধারণ অভ্যাস হল মানের মধ্যে অ্যাট্রিবিউটের নামের নকল করা (যেমন, সহজভাবে চেক করার পরিবর্তে checked="checked")।উদাহরণ 2-1 কিছু বৈধ XHTML 1.0 ট্রানজিশনাল মার্কআপ দেখায়।উদাহরণ 2-1। XHTML 1.0 স্নিপেট<div id="header"><h1><ahref="/">AcmeStore.com</a></h1></div><img src="/images/portrait.gif" width="144" height="180" alt="এটি কারোর একটি এলোমেলো প্রতিকৃতি।" />

<body><body><div><div><p><p>ক্লোজিং ট্যাগগুলি তাদের সন্নিবেশের m ক্রমে পড়বে।</p></div></body>

এক্সএইচটিএমএল নিয়ম অনুসারে অ্যাট্রিবিউট মানগুলিকে বিবেচনা করে। XHTML মান সবসময় উদ্ধৃত করা হয়. HTML মান একটি ভিন্ন নিয়ম অনুসরণ করে:কিছু ক্ষেত্রে, লেখকরা কোনো বৈশিষ্ট্য ছাড়াই কোনো বৈশিষ্ট্যের মান নির্দিষ্ট করতে পারেন।

according to rules maintained by the IETF. Table 2-1. Frequently encountered Content-Language values Language lang/Content- language value en English English (American) en-US English (British) en-GB Chinese (Simplified) zh-Hans Chinese (Traditional) zh-Hant Chinese (Taiwanese, no script specified) zh-TW es ja fr pt Spanish Japanese French Portuguese Portuguese (Brazilian) pt-BR de ar ru ko German Arabic Russian Korean To learn more about effectively using the title attribute in links, read Creating Effective Link Content and title .

Example 2-2 shows the body element of a simple HTML document structure. Example 2-2. A simple HTML document structure <body> <h1>...</h1> <div id="main"> <div id="priorityContent"> <div id="bodyCopy"> <h2>...</h2> <div class="section"> </div> <h2>...</h2> <div class="section"> </div> </div> <div id="sidebar"> </div> <ul id="primaryNav"> </ul> <div id="footer" <ul id="secondaryNav"> </ul> <p id="colophon">...</p> </div>

</div></div></body>এই নমুনাটি শুধু একটি টেমপ্লেটের চেয়ে বেশি কিছু প্রদান করে। এর নেস্টেড এবং লেবেলযুক্ত উপাদানগুলি এমন একটি কাঠামোকেও সংজ্ঞায়িত করে যা CSS (এবং জাভাস্ক্রিপ্ট) তৈরি করতে পারে, একটি ট্রি তৈরি করে (আইডির জন্য # এবং ক্লাসের জন্য লেবেলযুক্ত)

■div#সাইডবার■ ul#primaryNav■ডিভ#ফুটার■ ul#secondaryNav■ p#colophonআপনার ডকুমেন্ট ট্রিকে নেস্টেড তালিকা হিসেবে স্কেচ করা এবং তারপরে আপনি যে কাঠামোটি সংজ্ঞায়িত করেছেন তা থেকে মার্কআপ তৈরি করা আপনার প্রয়োজনীয় গাছের কাঠামো দেখতে এবং পরিচালনা করা সহজ করে তুলতে পারে।

ট্রি: বডি (এইচটিএমএল 4.x এর বিভিন্ন ফ্লেভারের জন্য DTD-এর প্রয়োজন) এবং সম্ভবত আরেকটি ব্লক উপাদান।সরল নির্বাচকসাধারণত, নির্বাচকরা তিনটি প্রধান পয়েন্টে মার্কআপের সাথে ইন্টারফেস করে: এলিমেন্টের নাম, ক্লাস অ্যাট্রিবিউটের মান এবং আইডি অ্যাট্রিবিউটের মান।উপাদান পি { ... }ক্লাস.প্রায় { }আইডি#html ইতিহাস { ... }মার্কআপের নিম্নলিখিত খণ্ডটিতে এইমাত্র দেখানো সমস্ত উদাহরণ নির্বাচকের জন্য হুক অন্তর্ভুক্ত রয়েছে:<body class="about" ><div id="corporatehistory" .. ><p>

</div></body>p { } নির্বাচক কোড খণ্ডে p উপাদানে প্রযোজ্য হবে। .about { } নির্বাচকটি বডি এলিমেন্টে প্রযোজ্য হবে, যার শ্রেণী মান হল "প্রায়"। এবং অবশেষে, #htmlhistory { ... } নির্বাচক "html history" এর একটি আইডি সহ div উপাদানে প্রযোজ্য হবে।এই তিনটি ভিত্তির বাইরে, CSS 2.1 সার্বজনীন নির্বাচক (*), শিশু নির্বাচক (div> p), বংশধর নির্বাচক (div p), সংলগ্ন নির্বাচক (ol + p), এবং বৈশিষ্ট্য নির্বাচক (p[lang] সহ অন্যান্য নির্বাচক প্রকারগুলি নির্দিষ্ট করে। , p[lang="en"] বা অন্যান্য কয়েকটি রূপ)। এটিতে প্রথম-লাইন, :প্রথম-অক্ষর, :প্রথম-অক্ষর, :প্রথম-অক্ষর, :আগে, এবং পরে ছদ্ম-এলিমেন্ট গুলি, সেইসাথে বিভিন্ন ধরণের সিউডো ক্লাস অন্তর্ভুক্ত রয়েছে: :প্রথম-শিশু, :লিঙ্ক, পরিদর্শন করা, :সক্রিয়, :হোভার, ফোকাস এবং: ল্যাং। CSS3 আরও বেশি সিউডোক্লাস এবং সিউডো এলিমেন্ট যোগ করে, কিন্তু এখনও progress এ এ রয়েছে।