কম্পিউটারসফ্টওয়্যার

এইচটিএমএল পৃষ্ঠার তৈরি করতে: ধাপে ধাপে নির্দেশাবলীর, ও সুপারিশ প্রযুক্তি

তুমি ভাবছ এইচটিএমএল পৃষ্ঠার তৈরি করার পদ্ধতি? এই কাজের জন্য, আপনি কয়েক ঘন্টা ব্যয় করতে হবে, এবং তুমি জানবে এইচটিএমএল বেসিক। আর আপনার তৈরি আপনার প্রথম পৃষ্ঠা 5 মিনিট সক্ষম হবে।

HTML- এর জন্য হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ দাঁড়িয়েছে। অনুবাদ এটি "হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ" অর্থ। এটা যে এইচটিএমএল বুঝতে গুরুত্বপূর্ণ - এটা একটি প্রোগ্রামিং ভাষা, যথা মার্কআপ সাইটের নয়।

সকল আধুনিক ব্রাউজারে তা সনাক্ত করতে সক্ষম। তারপর তারা, ব্যবহারকারীর জন্য একটি সুবিধাজনক ভাবে তথ্য প্রদর্শন হিসাবে অগ্রিম লেখকের জন্যই ছিল।

এই ভাষাটি বিশেষ ট্যাগ ব্যবহার করে। প্রতিটি ট্যাগ একটি ফাংশন আছে। তাদের অনেক। আদর্শভাবে, আপনি সবকিছু শেখা প্রয়োজন। কিন্তু শিক্ষানবিস মৌলিক জ্ঞান জন্য যথেষ্ট।

এইচটিএমএল বুনিয়াদি

আগে আপনি এইচটিএমএল পৃষ্ঠার তৈরি করতে পারেন, আপনাকে জানতে হবে কি এটা প্রয়োজন। উপাদান এবং ট্যাগ: এই ভাষা, সেখানে দুটো ধারণার হয়।

যেখানে উপাদান শুরু হয় এবং খোলা ব্যবহার করে এবং ট্যাগ বন্ধ বন্ধ নির্দিষ্ট করতে। এটা এই মত দেখাচ্ছে।

<স্টার্ট ট্যাগ> CONTENT

যেহেতু আপনি দেখতে পারেন, খোলার এবং বন্ধ ট্যাগ দ্বারা "/" শুধুমাত্র পৃথক।

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

এটিও স্মরণে রাখুন ভাষার এইচটিএমএল গঠন নিজস্ব অনুক্রমের রয়েছে। অন্যথায়, এটি পাখির বলা হয়। HTML ট্যাগটি , সবচেয়ে গুরুত্বপূর্ণ কারণ অন্যান্যদের এটা ভিতরে আছে।

HTML এ, দুই সন্তান উপাদান:

  • ... এর;
  • .. এর।

মস্তক বিভাগে বিভিন্ন সেবা তথ্য নির্দিষ্ট করে। এই তথ্যটি ব্রাউজারে প্রদর্শিত হয় না। উদাহরণস্বরূপ, ডেভেলপারদের জন্য নির্দেশিকা, সব প্রোগ্রাম, রোবট এবং আরো জন্য।

সবচেয়ে গুরুত্বপূর্ণ হল - কোন কন্টেন্ট।

শরীর অধ্যায় দলিল, যা ব্যবহারকারীকে প্রদর্শন করা হবে বিষয়বস্তুর নির্দিষ্ট করে।

অবিলম্বে, সরকারি ও বেসরকারি ট্যাগ করতে হিসাবে এটি হওয়া এবং 10 উপ-আইটেম পারেন উপায় সম্পর্কে জানুন। উপরন্তু, সুবিধার জন্য নেস্টেড ট্যাগ ইন্ডেন্টযুক্ত না। উদাহরণস্বরূপ, এটি মত।

-এর

এর

এর

এর

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

উপর একটি সহজ HTML পাতায় তৈরি করতে

কোড লিখতে করতে সম্পাদক কোন ধরণের প্রয়োজন। তাদের অনেক। জনপ্রিয় নোটপ্যাড ++ এবং অ্যাডোবি ড্রিমউইভার হয়। এছাড়াও আপনি নোটবুক ব্যবহার করতে পারেন।

এখানে কি নোটপ্যাড ++, সম্পাদকের।

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

যাতে আলোর ভাষা মেলে, এটা সেটিংসে উল্লেখ করা প্রয়োজন।

এর কিভাবে নোটপ্যাড একটি HTML পৃষ্ঠা তৈরি করতে দেখি। যে, প্রযুক্তিগত অংশ শেষ এবং তারপর মাত্র ট্যাগের অধ্যয়ন যান।

নোটবুক HTML এ একটি ওয়েব পেজ তৈরি করার পদ্ধতি

প্রথমত, নোটবুক খুলুন।

তারপর যে নিম্নলিখিত স্ক্রিনশট উল্লেখ করা হয় তার মধ্যে টাইপ করুন।

তার হাত, শুধু একটি কপি লিখতে ব্যবহার করতে পারেন। যখন আপনি আপনার হাত লিখুন, আপনি ভাল সমগ্র ট্যাগ ডাটাবেসের মুখস্থ।

তারপর মেনু "Save File" এবং একটি ফাইলের নাম উল্লেখ ক্লিক করুন, কিন্তু এক্সটেনশন .html সঙ্গে।

ফাইল আপনার ব্রাউজারে খোলা যাবে, এবং এর ফলে ভোগ করেন। এখন আপনি কিভাবে নোটবুক HTML এ একটি ওয়েব পেজ তৈরি করতে স্পষ্ট হওয়া উচিত।

বিশ্ব সাহচর্য W3C এর

সেখানে W3C এর, যা বিকাশ এবং ইন্টারনেট জন্য সব মান প্রয়োগ যেমন একটি প্রতিষ্ঠানের যেমন হয়। সব ব্রাউজার এই নিয়ম অনুসারে পৃষ্ঠাগুলির জন্য এই মান ও প্রক্রিয়া বিন্যাস (গুলি) সাপেক্ষে।

HTML- এর ডেভেলপারদের অফিসিয়াল ওয়েবসাইট, আপনি সমস্ত ট্যাগ এবং তাদের ব্যবহার সংক্রান্ত নিয়ম একটি টেবিল খুঁজে পেতে পারেন। এই নিবন্ধে আমরা বেশিরভাগ মৌলিক তাকান।

আপনি কি অধিকার হতে পারে মনে করতে পারেন? এই সব ট্যাগ একটি সুপারিশ আছে। তাদের বেশ কিছু:

  • ঐচ্ছিক ট্যাগ।
  • নিষিদ্ধ।
  • ফাঁকা ট্যাগ।
  • সেকেলে
  • হারিয়েছে।

HTML এ ট্যাগ্স

আগে আপনি এইচটিএমএল-পৃষ্ঠা তৈরি করতে পারেন, আপনি বোঝেন যে মাথার পরিষেবাতে হতে হবে।

মস্তক এলাকায় সেখানে উভয় আবশ্যিক এবং ঐচ্ছিক ট্যাগ নেই। বাধ্যতামূলক ট্যাগ হেডার বোঝায়। এটা তোলে <শিরোনাম> শিরোনাম দ্বারা চিহ্নিত করা হয়। তিনি সমগ্র নথিতে নির্ধারিত হয়। এবং কি আপনি Google সার্চ ইঞ্জিন ফলাফল মধ্যে দেখতে - একটি ট্যাগ শিরোনাম।

আমরা শরীরের অধ্যায় চালু। সেখানে উপাদানের ব্রাউজারে প্রদর্শিত হয় যে, আর অ প্রদর্শিত আছে। উদাহরণ হিসেবে বলা যায়, মন্তব্য ব্যবহারকারীকে প্রদর্শিত হয় না। তারা নোট বা অন্যান্য কর্মীদের জন্য টিপস জন্য ব্যবহার করা যেতে পারে যদি আপনি একটি দল কাজ করে।

তারা হিসাবে মনোনীত

, প্রোগ্রাম এই ভাবে গণ্য যে সমস্ত মধ্যে। দয়া করে মনে রাখবেন যে, আপনি অন্য ট্যাগের মন্তব্যে একটি মন্তব্য ট্যাগ না লাগাতে পারেন। কারণ যত তাড়াতাড়ি আপনি হিসাবে খুলুন

যেমন একটি ঘের একটি উদাহরণ:

প্রথম মন্তব্য ধারাবাহিকতা ->

ব্রাউজার নিম্নলিখিত ফল কী হবে

প্রথম মন্তব্য ধারাবাহিকতা ->

কিন্তু <এক টুকরা - দ্বিতীয় মন্তব্য - - মন্তব্য প্রথম দৃশ্যমান হবে না। দ্বিতীয় উদ্বোধনী ট্যাগ

টেক্সট শিরোনামে

শিরোনাম শিরোনাম ট্যাগ ব্যবহার মস্তক বিভাগে না শুধুমাত্র নির্দিষ্ট করে। শিরোনামের প্রসঙ্গে অগত্যা উল্লেখ করা আবশ্যক। শুধুমাত্র ব্যবহারকারীর দেখেন যেহেতু।

শিরোনাম বিভিন্ন স্তরের আসা। এভাবে টেক্সট একটি অনুক্রমের। সমতুল্য ভলিউম, অধ্যায় একটি পুস্তকে অনুচ্ছেদ।

এটা ঠিক 6 মাত্রা নেই। প্রধান শিরোনাম

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

subheadings জন্য h6 করার H2 থেকে ট্যাগ ব্যবহার করুন। তারা হয় - প্রথম, দ্বিতীয়, তৃতীয়, চতুর্থ পঞ্চম এবং ষষ্ঠ স্তরের শিরোনাম বলা হয়। সুতরাং একটি নেস্টেড ডেটা এবং শ্রেণীতে বিভাজন তৈরি করুন।

এটা এই মত দেখাচ্ছে।

অনুচ্ছেদ

কোডে প্রধান টেক্সট আপনি ট্যাগ

যে ... নিবন্ধন করতে হবে। তিনি শব্দ "অনুচ্ছেদ" থেকে এসেছে। প্রতিটি অনুচ্ছেদের ট্যাগ

যে পূরণ করা উচিত এবং এক গাদা সবকিছু sculpt না। সাধারন লাইন বিরতি প্রক্রিয়াজাত করা হবে না। সবকিছু একটি একক লাইন নির্দেশ করবে। স্থানান্তর জন্য ব্যবহার করতে হবে
ট্যাগ।

দয়া করে মনে রাখবেন ট্যাগের স্থানান্তর বন্ধ হয়নি। তিনি একক।

উদাহরণস্বরূপ শ্লোক উপর বিবেচনা করুন।

বিভিন্ন ট্যাগ, তার "নাম" ছাড়াও, একটি বৈশিষ্ট্য। উদাহরণস্বরূপ, একটি অনুচ্ছেদের ট্যাগ একটি বৈশিষ্ট্য "প্রান্তিককরণ", যা সারিবদ্ধ বোঝানো হয় হয়েছে। এটা তোলে বামে, ডান, কেন্দ্র নির্ধারণ করা যাবে। অর্থাৎ বাম বা ডান বা কেন্দ্র প্রান্তিককরণ হয়।

লিঙ্ক ব্যবহার

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

লিঙ্ক পাঠ্য

আপনি একটি ঠিকানা এবং পাঠ্য নির্দিষ্ট না থাকে, তাহলে এই লিঙ্কে বেহুদা অথবা ব্যবহারকারীর অদৃশ্য হবে।

উপসংহার

সেখানে ট্যাগ অনেক আছে, এবং প্রতিটি গুণাবলীর নিজস্ব সেট আছে। এই তথ্য পড়ার পর, আপনি বুঝতে হবে একটি ওয়েব পেজ এইচটিএমএল তৈরি করার পদ্ধতি।

অর্ডার এই এলাকায় তাদের জ্ঞান প্রসারিত করার জন্য, আপনাকে আরো বই পড়া এবং HTML, যা সাইটের W3C এর অবস্থিত অফিসিয়াল রেফারেন্স ট্যাগ ব্যবহার করতে হবে। আপনি ভাষা লেখক অন্তর আপডেট করা ডিরেক্টরি ব্যবহার না করেন তাহলে, আপনি এই ক্ষেত্রে একটি পেশাদারী পরিণত কঠিন হবে।

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bn.unansea.com. Theme powered by WordPress.