বিষয়ঃ- তথ্য ও যোগাযোগ প্রযুক্তি
শ্রেণীঃ- একাদশ- দ্বাদশ
অধ্যায়ঃ- ৪র্থ
উপস্থাপকঃ- আবদুল নবী
উপস্থাপকঃ- আবদুল নবী
আসসালামু আলাইকুম। আশা করি সকলে ভালো আছেন। সামনে কারো এইচএসসি পরীক্ষা আবার কারো ১ম বর্ষের ফাইনাল পরীক্ষা। হয়তো সবার প্রস্তুতি নেওয়া হয়ে গেছে। তবে যারা আইসিটি নিয়ে সমস্যায় আছেন তাদের জন্য আমি আজ নিয়ে আসলাম একটি গুরুত্বপূর্ণ অধ্যায় সম্পর্কে কিছু শর্টকাট টেকনিক। যা মনে রাখতে পারলে কখনো ভয় থাকবে না। HTML নিয়ে কিছু শর্টকাট টেকনিক আপনাদের সাথে শেয়ার করতেছি সম্পূর্ন নিজ অভিজ্ঞতা থেকে।
বেশি কথা না বাড়ি শুরু করি তাহলে।
HTML
Html tag:- Html কোড লেখার আগে ও পরে যে নির্দিষ্ট কিছু চিহ্নসহ নির্ধারিত কিছু শব্দ ব্যবহার করা হয় তাকে Html tag বলে।
Html:- Html tag দুই প্রকার।
যথাঃ-
১. Empty tag
২. Container tag
Empty tag:- যে tag এর মধ্যে opening tag থাকলেও closing tag নেই তাকে Empty tag বলে।
যেমনঃ- <a>, <img>, <br>
কিছু Empty Tag:-
১. একটি লাইন শেষ করে অপর একটি লাইন শুরু করার জন্য লাইনের শেষে <br> দিতে হবে।
যেমনঃ-
ইনপুটঃ-
<h3> I am a Apps Creator.</h3><br><h3> Apps creator Abdul Nabi, Cox's Bazar City College.</h3>
আউটপুট'-
I am a Apps Creator.
Apps creator Abdul Nabi, Cox's Bazar City College.
2. ছবি সংযুক্ত করার জন্য <img> ব্যবহার করা হয়।
যেমনঃ-
ইনপুট.....
<img src="Energy/ppp.jpg" width="120" height="150">
আউটপুটঃ-
উক্ত ছবিটা দেখা যাবে। কারণ, ppp.jpg দিয়ে এই ছবিটি আমার ডিভাইসে সেভ আছে। আপনারা যেকোন ছবির নাম দিতে পারেন। তবে ছবির formet অবশ্যই jpg হতে হবে।
৩. সমান্তরাল রেখার জন্য <hr> ব্যবহার করা হয়। ( তেমনটা প্রয়োজন হয় না। তবুও জেনে রাখা ভালো।(
৪. <br/> দিয়ে বিশেষ লাইন টানা হয়।
Container tag:- যে ট্যাগ এর শেষ ট্যাগ ও শুরু ট্যাগ উভয় থাকে তাকে container tag বলে।
কিছু container tag:-
<h1>----------</h1>[]
<u>------------</u>
<p>------------</p>
<marquee>--------</marquee>
<body>--------</body>
<center>-------</Center>
<font>-----------</font>
HTML এর সাধারণ ট্যাগঃ-
<html>-------------</html>
<head>--------------</head>
<title>-----------------</title>
<body>----------------</body>
<u>----------------------</u>
HTML এলিমেন্টঃ- স্টার্ট ট্যাগ এবং ক্লোজিং ট্যাগ এর ভিতরের তথ্য বা বিষয় সমূহকে html এলিমেন্ট বলে। অনেকগুলো এলিমেন্ট আছে। তারমধ্যে অনুচ্ছেদ, ব্যানার, নেভিগেশন লিংক ইত্যাদি। html document এর মধ্যে ৩টি এলিমেন্ট রয়েছে। যথাঃ- <head>, <title>, <body>
Font Attributes:- Font এর বৈশিষ্ট্যকে প্রকাশ করার জন্য যে উপকরণ গুলল ব্যবহার করা হয় তাকে font Attributes বলে। Font Attributes হলো ৩টি। যথাঃ- ১.Size ২. Face ৩. color
যেমনঃ- <html>
<body>
<font size="12" face="calibri" color="green"> Life is always Dangerous. </font>
</body>
</html>
Output:-
Life is always Dangerous.
Link Add:- লেখার মধ্যে কোন একটা ইন্টার্নাল অথবা এক্সটার্নাল লিংক দেওয়ার সময় নিচের ট্যাগ ব্যবহার করা হয়।
<html>
<body>
<a href="http://techteachanmr.blogspot.com"> জ্ঞানের রাজ্য </a>
</body>
</html>
Output:-
জ্ঞানের রাজ্য
Table tage:-
<table>------</table>
<tr></tr>
<caption></caption>
<th></th>
<td></td>
<thead></thead>
<h4></h4>
একাধিক কলাম সেলকে একত্রিত করার জন্য colspan ব্যবহৃত হয়।
একাধিক row কে একত্রিত করার জন্য rowspan ব্যবহৃত হয়।
এবার নিজে নিজে এই নিয়মগুলো মাথায় সেটআপ করে প্রেকটিস শুরু করে দিন। আশা করি কাজে আসবে।
✏আবদুল নবী
কক্সবাজার সিটি কলেজ, কক্সবাজার।
Tags:
পড়ালেখা