Sunday, 1 April 2012

SCHOOL OF HTML : FIRST CLASS (HTML স্কুল)

HTML নিয়ে অনেকে জানতে আগ্রহী। কিন্তু সুন্দর কোন বই বা বাংলা site না থাকায় খুব কষ্ট করে অনেক টাকা দিয়ে course করে শিখে থাকেন। আমি www.w3schools.com থেকে English-কে বাংলায় translate করে আপনাদের সামনে উপস্থাপন করলাম। আশা করি খুব কাজে দিবে। এটা ধারাবাহিক ভাবে চলতে থাকবে ইনশাআল্লাহ। শুধু আপনারা আমাকে উৎসাহ দিবেন।আমি খুব সুন্দর করে উদাহরন দিয়ে লিখেছি। হালকা পরবর্তন করেছি যতটুকু প্রয়োজন ।
(কথায় যেন HTML নিয়ে একটা বই দেখেছিলাম। কিন্তু ওইটা আমার কাছে ভাল লাগে নি।অর্থাৎ পুর্নাঙ্গ বলে মনে হয় নাই।)

প্রথম ক্লাস

HTML পরিচিতি
প্রথমে উদাহরন দিয়ে শুরু করি।
উদাহরণ :
<html>
<body>
<h1>My first Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
________________________________________

HTML কি ?
HTML হল এক প্রকার ভাষা যা web page কে describe করে।
• HTML হল Hyper Text Markup Language।
• HTML কোন programming ভাষা নয় এটি একটি markup language।
• markup language হলো markup tags এর সমষ্…
• HTML, markup tags এর মাধ্যমে web page কে describe করে।
________________________________________
HTML tags কি ?
Markup tags কে সাধারনত  HTML tags বলে
• HTML tag হল এমন keyword যা angle bracket দিয়ে ঘেরাও থাকে যেমন <html>
• HTML tag সাধারনত জোড়ায় জোড়ায় এসে যেমন <b> এবং </b>
• উপরের উদাহারনে দুইটা <b> এবং </b> আছে প্রথমটাকে “start tag বা opening tag” এবং পরেরটাকে “end tag বা closing tag” বলে।

HTML Documents = Web Pages

  • HTML documents-গুলো web pages কে  describe করে
  • HTML documents-গুলো HTML tags and plain text ধারন করে।
  • HTML documents কে web pages ও বলে।
web browser ( যেমন : Internet Explorer বা Firefox ) HTML document-গুলো কে পড়ে আবনফ তাweb page-এ প্রকাশ করে। Browser গুলো HTML tags প্রকাশ করেনা, কিন্তু web page-এর content-গুলোকে ব্যখ্যা করে।
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Example-এর ব্যখ্যা

  • <html> এবং </html> এর ভিতরের text-গুলো web page-কে describe করে
  • <body> এবং </body>এর ভিতরের text-গুলো হলো visible page content
  •  <h1> এবং</h1> এর ভিতরের text-গুলো heading হিসাবে প্রকাশিত হয়।
  •  <p>এবং </p>এর ভিতরের text-গুলো  paragraph হিসাবে  প্রকাশিত হয়।
আশা করি এই class-এর পর আবার দেখা হবে ।
comment করতে কিন্তু ভুলবেন না ।

দ্বিতীয় ক্লাস এখানে দেখেনিন

No comments:

Post a Comment