Course মডিউল 3 - Lecture: জনপ্রিয় HTML ট্যাগ

4.1 a, href ট্যাগ

ঠিক আছে, আমরা এখনও ভুলে যাই না যে আমরা আপনার থেকে একটি জাভা প্রোগ্রামার প্রস্তুত করছি, তাই আপনাকে শুধুমাত্র 5টি ট্যাগ শিখতে হবে।

প্রথমত, এটি সবচেয়ে গুরুত্বপূর্ণ ট্যাগ যা পাঠ্যকে হাইপারটেক্সট - লিঙ্কে পরিণত করে । HTML-এ লিঙ্ক তৈরি করতে, একটি ট্যাগ <a>(অ্যাঙ্কর, অ্যাঙ্কর থেকে) ব্যবহার করা হয়।

ডিফল্ট লিঙ্ক এর মত দেখাচ্ছে:

<a href="link-address">link text</a>

যেখানে নীল হল সেই টেক্সট যা ব্যবহারকারী দেখেন এবং সবুজ হল ঠিকানা (লিঙ্ক) যেখানে তিনি লিঙ্কের টেক্সটে ক্লিক করলে তিনি যাবেন।

লিঙ্ক সমন্বিত একটি সাধারণ HTML নথি এইরকম দেখায়:


<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     some other text...
</html>

না, এটি সাধারণত এই মত দেখায়:



<html>
    plain text  <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>

পৃথিবী নিখুঁত নয়।

4.2 img ট্যাগ এবং src অ্যাট্রিবিউট

একটি HTML পৃষ্ঠায় একটি চিত্র সন্নিবেশ করতে, একটি ট্যাগ <img>(শব্দ চিত্র থেকে) ব্যবহার করা হয়। এটি একটি একক ট্যাগ, এতে ক্লোজিং ট্যাগ নেই। ট্যাগের সাধারণ দৃশ্য:

<img src="image link">

সবকিছু খুব সহজ. আপনার HTML নথিতে একটি চিত্র প্রদর্শন করতে, আপনাকে কেবল সেই চিত্রটির লিঙ্কটি জানতে হবে এবং ব্যবহার করতে হবে img৷ এটি চেষ্টা করুন, আপনি এটি পছন্দ করবেন.

4.3 টেবিল উপাদান

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

<table>- টেবিল নিজেই;
<tr>( table r ow ) – সারি টেবিল;
<th>( t সক্ষম h হেডার) – টেবিল হেডার সেল;
<td>( টি সক্ষম ডেটা ) - টেবিল সেল।

এখানে 3 বাই 3 টেবিল দেখতে কেমন হবে html(একটি অতিরিক্ত হেডার সারি সহ)


<table>
    <tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
    <tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
    <tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
    <tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>

যদিও এখন টেবিল খুব কমই ব্যবহার করা হয়। জিনিসটি হ'ল একটি ফোন থেকে একটি পৃষ্ঠা দেখার সময়, টেবিলটিকে অন্যভাবে প্রদর্শন করা কার্যকর হতে পারে (এটি কেবল স্ক্রিনে ফিট করে না)। কিন্তু আপনি এখনও টেবিল সাজানো হয় কিভাবে জানতে হবে.

4.4 আইডি এবং নামের বৈশিষ্ট্য

এবং আরও দুটি গুরুত্বপূর্ণ পয়েন্ট হল idএবং গুণাবলী name। এগুলি অ্যাট্রিবিউট, ট্যাগ নয়, তবে এগুলি প্রায়শই ব্যবহৃত হয়।

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

একটি বৈশিষ্ট্য nameএকটি অনুরূপ ফাংশন সঞ্চালিত, কিন্তু এর মান পৃষ্ঠার মধ্যে অনন্য হতে হবে না. অর্থাৎ, তাত্ত্বিকভাবে, একই নামের একাধিক ট্যাগ থাকতে পারে। উপাদানগুলির গ্রুপের সাথে কাজ করা সহজ করার জন্য এটি করা হয়।

উদাহরণস্বরূপ, একটি পৃষ্ঠায় বেশ কয়েকটি তালিকা রয়েছে যার প্রতিটিতে আপনি শুধুমাত্র একটি আইটেম নির্বাচন করতে পারেন। তারপর, তালিকায় একটি নতুন উপাদান নির্বাচন করার সময়, আপনাকে তালিকার অবশিষ্ট উপাদানগুলির নির্বাচন পুনরায় সেট করতে হবে। কিন্তু অন্য তালিকা স্পর্শ করবেন না. একই তালিকার সমস্ত উপাদান একই নাম থাকলে এটি সহজেই করা যেতে পারে।

যে কোনো ট্যাগের বৈশিষ্ট্য idএবং name. উদাহরণ:


<img id="image123" name="avatar" src="link to picture">