ویب ڈیویلپمنٹ ٹیوٹوریل: ایچ ٹی ایم ایل ۔

جہانزیب

محفلین
انٹرنیٹ کی دنیا میں نئے آنے والے بعض اوقات کافی دیر سے انٹرنیٹ استعمال کرنے والے خواتین و حضرات کے ذہن میں یہ بات ہوتی ہے کہ ایک ویب صحفہ بنانے میں بہت مہارت درکار ہوتی ہے، لیکن حقیت اس کے بالک بر عکس ہے ۔ ایک ویب صحفہ بنانا نہایت ہی آسان کام ہے جو ہر کوئی تھوڑی سی کوشش کے بعد ترتیب دے سکتا ہے ۔
دوسری غلط فہمی یہ ہے کہ ویب صحفہ بنانے کے لئے کسی قسم کے سافٹ وئیر کی ضرورت پڑتی ہے، جو کہ نہایت مہنگا ہوتا ہے ۔ ویب صحفہ بنانے کے لئے جن اوزاروں کی ضرورت ہوتی ہے وہ پہلے سے ہی دنیا کے ہر کمپیوٹر میں نصب ہوتے ہیں ۔ جو سافٹ وئیر ویب صحفہ جتنی آسانی سے بنانے کا دعوی کرتے ہیں، اُس میں سیکھنے کا عمل اتنا ہی دشوار ہوتا ہے ۔ ان اسباق میں ہم بنیادی چیزیں اور ان سہولیات کو استعمال کریں گے جو ہر کمپیوٹر میں پہلے سے ہی نصب ہیں ۔ یہ اسباق ایچ ٹی ایم ایل اور سی ایس ایس کا مکمل طور پر احاطہ تو نہیں کریں گے، لیکن ان کی مدد سے آپ کو ایک ویب صحفہ بنانے میں جو بنیادی معلومات درکا ہوتی ہیں ان کا احاطہ ضرور کیا جائے گا ۔ اور بعد میں ریاضت سے آپ کو ویب صحفہ بنانے میں مہارت حاصل ہو جائے گی ۔
 

جہانزیب

محفلین
استعمال ہونے والے اوزار ۔

جیسا کہ میں نے اوپر والی تحریر میں کہا ہے کہ ایک ویب صحفہ بنانے کے لئے جتنے اوزار آپ کو درکار ہیں وہ پہلے سے ہی آپ کے کمپیوٹر میں نصب ہوں گے ۔ سب سے پہلے ایک عدد ویب براؤزر، ویب براؤزر کا کام ایچ ٹی ایم ایل میں لکھے گئے صحفات کو دکھانا ہوتا ہے، اور اس کی بہت سی اقسام ہیں، سب سے مشہور براؤزر مائیکروسافٹ کا انٹرنیٹ ایکسپلورر، موزیلا کا فائر فاکس، ایپل کا سفاری اور اوپرا ہیں، ان میں سے کوئی نہ کوئی براؤزر آپ کے کمپیوٹر میں نصب ہو گا جس کی مدد سے آپ یہ تحریر پڑھ رہے ہیں ۔
اس کے علاوہ اگر آپ نے کبھی ویب صحفہ بنانے میں دلچسپی لی ہو تو آپ نے شاید، مائیکروسافٹ فرنٹ پیج، مائکرومیڈیا ڈریم وویر یا مائکروسافٹ ورڈ کا نام بھی سنا ہو جو ویب صحفہ بنانے کا دعوی کرتے ہیں، لیکن جیسا کہ میں نے اوپر والے تحریر میں کہا ہے کہ ان سافٹویر کو استعمال کر کے سیکھنے کی رفتار پر بہت فرق پڑتا ہے، اس لئے آپ کو ان میں سے کسی ایک کی بھی ضرورت نہیں ہے ، بلکہ ہم اس کے لئے ایک سادہ عبارت لکھنے والا سافٹ وئیر استعمال کریں گے ۔ اگر آپ ونڈوز کا استعمال کر رہے ہیں تو ونڈوز میں نوٹ پیڈ، اور لینکس میں آپ کی ڈسٹرو کے لئے جو بھی ٹیکسٹ ایڈیٹر استعمال ہو رہا ہو، وہ ایک صحفہ بنانے کے لئے کافی ہے ۔
 

جہانزیب

محفلین
ایچ ٹی ایم ایل کیا ہے؟

ایچ ٹی ایم ایل، ہائیپر ٹیکسٹ مارک اپ لینگوئج کا مخفف ہے، یا آسان لفظوں میں عبارت کو مختلف انداز سے لکھنے کے لئے جو زبان براؤزر سمجھتا ہے اسے ایچ ٹی ایم ایل کہا جاتا ہے ۔ مثال کے لئے ذیل میں دی گئی تصویر دیکھیں ۔

73040726pg2.png

اس تصویر میں عبارت کا عنوان ہے، جو کہ نفیس ویب نسخ میں لکھا گیا ہے، عنوان کا رنگ سرخ ہے اور پیچھ والا پیلا رنگ ہے ۔ اصل عبارت ٹاہوما خط میں لکھی گئی ہے جس میں اہم نکات کو سرخ رنگ سے ظاہر کیا گیا ہے، اور پورے صحفہ کا رنگ سبز ہے ۔ لیکن یہ تحریر اوپن آفس میں لکھی گئی ہے اور اسی کے فارمیٹ میں محفوظ ہو گی ۔ اسی طرح کے دیگر پروگرام استعمال کر کے ہم مختلف طرز میں عبارت کو لکھ اور دکھا سکتے ہیں ۔اور بعد میں دیکھ سکتے ہیں ۔ لیکن تب کیا ہو گا جب یہی صحفہ بالکل ایسی ہی شکل میں آپ کسی دوست کو یا کاروبار کی طرف سے کسی گاہک کو بالکل ایسا ہی دکھانا چاہتے ہیں؟ آپ یہ فائل اُن کو ایک اٹیچمنٹ کی صورت میں ارسال کریں گے،لیکن اگر ان کے پاس کوئی آفس کا پروگرام نہ ہوا تو وہ اسے دیکھنے سے قاصر رہیں گے ۔
انہی خامیوں پر قابو پانے کے لئے ایک سائنسدان ٹِم برنرز لی نے ایک نئی زبان ایچ ٹی ایم ایل کی داغ بیل ڈالی، تا کہ آسانی کے ساتھ مختلف یونیورسٹیوں کے سائنسدانوں کے مقالہ جات تک رسائی ممکن ہو سکے، دیکھتے ہی دیکھتے ایچ ٹی ایم ایل ویب کی سب سے مقبول زبان اور ضرورت بن گئی ۔
یہ دیکھنے کے لئے کہ ایچ ٹی ایم ایل کس طرح لکھی جاتی ہے، آپ اپنے براؤزر میں view پر کلک کرنے کے بعد Page Source پر کلک کریں ۔ جنہوں نے پہلے کبھی ایچ ٹی ایم ایل کا ستعمال نہیں کیا انہیں نیا صحفہ بہت مشکل لگے گا، لیکن ایسا ہے نہیں اور ہم اسی کو یہاں سیکھیں گے ۔
 

جہانزیب

محفلین
Elements.

ہر ایچ ٹی ایم ایل صحفہ کا بنیادی عنصر ایلیمنٹ (Element) کہلاتا ہے، میرے خیال میں اس کی اردو جز ہی کی جا سکتی ہے؟ ایلیمنٹ ایچ ٹی ایم ایل صحفہ میں عبارت کی بناوٹ کے لئے استعمال کیا جاتا ہے، ہر ایلیمنٹ دو ٹیگز کے مجموعہ سے بنتا ہے، شروع والے ٹیگ کو ابتدائیہ یا اوپننگ ٹیگ کہا جاتا ہے اور ہر اوپنگ ٹیگ < سے شروع ہوتا ہے اور > پر ختم ہوتا ہے، اسی طرح ایلیمنٹ کے اختتام میں جو ٹیگ استعمال ہوتا ہے اسے اختتامیہ یا کلوزنگ ٹیگ کہا جاتا ہے ۔ اوپننگ اور کلوزنگ ٹیگ کی بناوٹ میں صرف / کا فرق ہوتا ہے ، مثلا
کوڈ:
<p> This is paragraph </p>.
اب اوپر کی بحث کو ہم یوں سمیٹ سکتے ہیں، کہ مختلف ایلیمنٹ کے مجموعہ کو ہم ایچ ٹی ایم ایل کہہ سکتے ہیں، اور ایچ ٹی ایم ایل سیکھنے کے لئے ایلیمنٹس کو سیکھنے کی ضرورت ہے ۔ مثال کے طور پر عنوان کے لئے چھ ایلمنٹ کا استعمال ہوتا ہے جو کہ درج ذیل ہیں،
کوڈ:
h1,h2,h3,h4,h5,h6
یہاں h ہینڈنگ کو ظاہر کرتا ہے اور 1,2,3 درجہ کو ظاہر کرتے ہیں، مختلف عنوان اس طرح لکھے جائیں گے
کوڈ:
۔
<h1>This is biggest heading.</h1>
<h6>This is smallest heading.</h6>
اوپر والی مثالوں سے ظاہر ہے، کہ ایچ ٹی ایم ایل صحفہ میں ہر ایلمنٹ میں ابتدائیہ اور اختتامیہ یا اوپنگ اور کلوزنگ ٹیگز کا موجود ہونا لازمی ہے، لیکن کچھ ٹیگز اس پابندی سے مستثنیٰ ہیں، جیسے لائن بریک اور ہوریزنٹل لائن کے ٹیگز کو یوں استعمال کیا جاتا ہے ،
کوڈ:
<br />
<hr />
آسانی کی خاطر اسے یوں بیان کیا جا سکتا ہے کہ ایسا کوئی بھی ٹیگ جس کے درمیان عبارت موجود ہو، اُس میں ابتدائیہ اور اختتامیہ ٹیگز کا ہونا لازمی ہے، اور ایسے ٹیگز جن کے درمیان میں عبارت موجود نہ ہو اُن کا ابتدائیہ اور اختتامیہ ایک ہی ٹیگ کے اندر لکھا جاتا ہے ۔
علاوہ ازیں آپ نے مشاہدہ کیا ہوگا کہ جہاں جہاں میں نے ٹیگز کا استعمال کیا ہے، وہ انگریزی کے چھوٹے حروف پر مشتمل ہیں، ٹیگز کو انگریزی کے بڑے حروف میں بھی لکھا جا سکتا ہے، لیکن بڑے حروف پر مشتمل ٹیگز معیاری نہیں کہلا سکتے۔ اس لئے جہاں ٹیگز کا استعمال ہو وہاں انگریزی کے چھوٹے حروف کا استعمال کریں ۔
 

جہانزیب

محفلین
ایچ ٹی ایم ایل میں دنیا کا مختصر ترین صحفہ ۔

کیونکہ میرا لکھنے کا انداز اتنا دلچسپ نہیں ہے اور اس سے قبل کہ آپ یہ دھاگہ بند کردیں، مجھے آپ کو کام پر لگانا پڑے گا ۔ پہلے میں نے لکھا ہے کہ ایچ ٹی ایم ایل صحفہ بناتے وقت آپ کو کسی اضافی سافٹ وئیر کی ضرورت نہیں ہے ۔ اب آپ ایسا کریں کہ اپنے کمپیوٹر پر ٹیکسٹ ایڈیٹر یا نوٹ پیڈ کو کھول لیں ۔ آغاز کے لئے ہم دنیا کا مختصر ترین ویب صحفہ بنائیں گے ۔ ایک اور اہم نکتہ جسے سمجھنے کی ضرورت ہے کہ ویب براؤزر ایک تحریر کو انگریزوں کی طرح بائیں طرف سے پڑھتا ہے، جیسے آپ انگریزی پڑھتے ہیں ۔ لیکن پھر بھی ہم اردو صحفہ ایلیمنٹ کا استعمال کر کے بنا سکتے ہیں، جو کہ ان اسباق کے اخیر میں بتایا جائے گا۔
امید ہے کہ اب تک آپ نے نوٹ پیڈ یا ٹیکسٹ ایڈیٹر کھول لیا ہو گا، سب سے پہلے ہمیں یہ بتانا ہو گا کہ یہ ایک ایچ ٹی ایم ایل صحفہ ہے، اس کے لئے جو ایلمنٹ استعمال ہوتا ہے وہ درج ذیل ہے ۔
HTML:
<html>
اسے اپنے نوٹ پیڈ میں لکھ لیں، ہم نے اوپر یہ بھی پڑھا ہے کہ ٹیگ دو اقسام کے ہوتے ہیں ایک ابتدائی اور دوسرے اختتامی، درج بالا ایچ ٹی ایم ایل ابتدائی یا اوپننگ ٹیگ ہے، اور ایک ایلمنٹ میں اختتامی ٹیگ لازمی ہونا چاہیے۔ اس لئے اس ٹیگ کے نیچے والی سطر میں ہم اس کا اختتامی ٹیگ لکھ لیں گے، جو کہ درج ذیل ہے ۔
HTML:
</html>
انٹرنیٹ پر موجود ہر صحفہ ان دو ٹیگز کے درمیان لکھا جاتا ہے، اور ہر ویب صحفہ کی اساس یہی ٹیگ ہے، جسے ان دو ٹیگز کے بیچ میں موجود ہونا چاہیے ۔
ایچ ٹی ایم ایل ٹیگز کے درمیان، بنیادی ٹیگز جو ہونا لازمی ہیں وہ درج ذیل ہیں ۔
HTML:
<head>
اس ٹیگ کے بیچ میں صحفہ کے بارے میں معلوماتی درج کی جاتی ہیں، اگر آپ محفل کا سورس کوڈ دیکھیں تو اس ٹیگ کے بیچ میں مختلف ٹیگز نظر آتے ہیں، یہ سب ٹیگز براؤزر کو صحفہ کے متعلق معلومات فراہم کرتے ہیں، جو کہ پڑھنے والے سے مخفی ہوتی ہیں ۔ اس ٹیگ کے بعد جو دوسرا ٹیگ ہونا لازمی ہے وہ درج ذیل ہے ۔
HTML:
<body>
اس ٹیگ کے اندر جو کچھ بھی لکھا جاتا ہے، وہی دیگر پڑھنے والوں کو نظر آتا ہے، آسان لفظوں میں جس متن کو دکھانا درکار ہو، وہ اس ٹیگ کے بیچ میں ظاہر کیا جاتا ہے ۔ اب میرا خیال ہے کہ یہ بتانے کی بار بار ضرورت نہیں کہ جو ٹیگ ہم شروع کریں، اُسے بند کرنا بھی لازمی ہے ۔ اوپر بیان کردہ تینوں ٹیگز کو آپ نوٹ پیڈ میں اگر درست لکھیں گے تو درج ذیل فائل آپ کے پاس موجود ہونا چاہیے ۔
HTML:
<html>

  <head>
  </head>

  <body>
  </body>

</html>

اگر آپ کے پاس یہ والی فائل موجود ہے، تو مبارک ہو آپ نے اپنی زندگی کی پہلی ویب سائٹ بنا لی ہے، اگر یہ آپ کے خواب میں آنے والی ویب سائٹ جیسی نہیں تو پریشان مت ہوں، کیونکہ کسی بھی ویب سائٹ بنانے کے لئے جس فائل کی ضرورت آپ کو پڑے گی، وہ یہی فائل ہے ۔
اب جیسا کہ اس سبق سے ظاہر ہوتا ہے ایچ ٹی ایم ایل صحفہ کے دو بنیادی جز ہوتے ہیں، ایک ہیڈ اور دوسرا باڈی ۔ ہیڈ ٹیگ کے اندر صحفہ کی معلومات لکھی جاتی ہیں، جیسے کہ صحفہ کا عنوان، اور باڈی ٹیگ کے اندر صحفہ کا متن لکھا جاتا ہے ۔ اب آپ ہیڈ ٹیگ کے اندر صحفہ کا عنوان لکھ لیں، جو کہ درج ذیل طریقہ سے لکھا جائے گا ۔
HTML:
<title>My first page</title>
لیکن یہ تحریر آپ کے ویب صحفہ پر ظاہر نہیں ہو گی، ویب صحفہ پر صرف وہی تحریر ظاہر ہو گی جو باڈی ٹیگ کے اندر لکھی جائے گی ۔ اس لئے ہم باڈی ٹیگ کے اندر مندرجہ ذیل تحریر لکھ لیتے ہیں ۔
HTML:
<p>This is my first web page, i'm a web designer now.</p>
اوپر بالا مثال میں p کا ٹیگ پیراگراف کو ظاہر کرتا ہے، اور یہی اس کا مقصد ہے، ہر پیراگراف کے آغاز میں اس ٹیگ کو استعمال کیا جاتا ہے ۔
ان تبدیلیوں کے بعد آپ کے پاس نوٹ پیڈ میں درج ذیل فائل ہو گی
HTML:
۔
<html>

  <head>
   <title>My first page</title>
  </head>

  <body>
  <p>This is my first web page, i'm a web designer now.</p>
  </body>

</html>
اب اس کے بعد ہم اس فائل کو اپنے کمپیوٹر پر مخفوظ کرلیں گے، لینکس استعمال کرنے والے تو سیدھا ہی اس کو مخفوظ کر سکتے ہیں، لیکن اگر آپ نوٹ پیڈ کا استعمال کر رہے ہیں تب آپ فائل مینو میں Save As پر جائیں گے، نئی کھلنے والی ونڈو میں نیچے جا کر Save As Type میں All Files کو منتخب کریں، اور یہ کرنا بہت ضروری ہے نہیں تو نوٹ پیڈ اس کو ایک سادہ عبارت میں مخفوظ کر لے گا۔ اس کے بعد فائل کا نام mypage.html لکھ کر مخفوظ کرلیں ۔ لینکس والے صرف فائل کے نام لکھ کر مخفوظ کر لیں تو کافی ہے ۔
ہر ایچ ٹی ایم ایل صحفہ کو مخفوظ کرتے وقت .htm یا .html پر ختم کرتے ہیں ۔بہتر ہے کہ آپ اس فائل کو ڈیسکٹاپ پر مخفوظ کریں ۔
فائل مخفوظ کرنے کے بعد، ڈیسکٹاپ یا جہاں بھی آپ نے فائل مخفوظ کی ہو، اُس پر ڈبل کلک کر کے اسے کھولیں، تو آپ کا صحفہ آپ کے سامنے موجود ہو گا ۔ مبارک ہو ۔
 

جہانزیب

محفلین
وضاحت ۔

میں ایک دفعہ پھر یاد دہانی کروا دوں، کہ اس تحریر سے شاید آپ ایچ ٹی ایم ایل میں ماہر نہیں بن سکیں گے، لیکن ایچ ٹی ایم ایل کے پیچھے کارفرما عوامل سے آگاہی ضرور حاصل کر لیں گے۔ ویسے بھی ماہر بننے کے لئے آپ کو بار بار کی کوشش درکار ہے ۔ اب ہم مزید کچھ ایلیمنٹس جو ایچ ٹی ایم ایل میں استعمال ہوتے ہیں، ان کا احاطہ کریں گے ۔
 

جہانزیب

محفلین
Attributes .

ایچ ٹی ایم ایل میں مختلف ایلیمنٹ کے ساتھ مختلف خصوصیات کا استعمال کیا جاتا ہے، جنہیں Attributes کہتے ہیں، ان کے استعمال سے عبارت کی شکل وغیرہ بدلی جاتی ہے۔
اوپر بنائی گئی فائل میں ہم نے پیراگراف کے لئے ٹیگ استعمال کئے تھے ۔ اب اس میں ہم Attributes کو ذیل کی طرح لکھ سکتے ہیں ۔
HTML:
<p align="center">This is my first web page, i'm a web designer now.</p>
اس طرح فائل کو مخفوظ کرنے کے بعد جب آپ اسے براؤزر میں دیکھیں گے تو عبارت صحفہ کے درمیان میں نظر آئے گی ۔
 

جہانزیب

محفلین
بنیادی ٹیگز اور عبارت کی تدوین ۔

ایلیمنٹ اور Attributes کا استعمال کر کے، ہم ایک مکمل لیکن سادہ ویب صحفہ ترتیب دے سکتے ہیں ۔ایچ ٹی ایم ایل میں استعمال ہونے والے تمام ایلیمنٹس کا احاطہ کرنا اس ایک مضمون میں ممکن نہیں ہے، لیکن تمام اہم ایلمنٹس اور ٹیگز اور ان کے ساتھ استعمال ہونے والے Attributes کا ایک مختصر جائزہ ہم یہاں ضرور لیں گے ۔
ہم دوبارہ سے اپنی پہلی بنائی ہوئی فائل پر توجہ دیتے ہیں ۔جو کہ درج ذیل ہے۔
HTML:
<html>

  <head>
   <title>My first page</title>
  </head>

  <body>
  <p>This is my first web page, i'm a web designer now.</p>
  </body>

</html>
اس فائل میں اب ہم کچھ اضافہ کرتے ہیں ۔
HTML:
<html>
<head>
<title>Basic text formatting.</title>
</head>
<body>
<h1>The king.</h1>
<p>Once upon a time,
 in mountains of northern india,
 a child was born.</p>
Once upon a time, <p>in mountains of northern india, a child was born.</p>
<p>Once upon a time, in mountains of northern india, a child was born.</p>
<p>Once upon a time, <br /> in mountains of northern india, a child was born.</p>
<p> Once upon a time, <hr />in mountains of northern india, a child was born.</p>
<h3>His name was king.</h3>
<p>He conqured whole india, when he was only 10.</p>
<hr />
<p align="center">That is why i called him, The king.</p>
</body>
</html
>
اس فائل کو بنانے کے بعدآپ اس کا مشاہدہ براؤزر میں کریں، تو ایک ہی جملہ آپ کو مختلف انداز میں لکھا ہوا نظر آئے گا۔ یہاں پر دو قابلِ غور باتیں ہیں ۔
کہ جب آپ کسی عبارت کو پیراگراف ایلیمنٹ دیتے ہیں، تو چاہیں آپ نوٹ پیڈ میں ہر سطر کو نئی سطر سے شروع کریں، براؤزر میں یہ ویسے نظر نہیں آئے گا۔
دوسری بات یہ ہے کہ جب آپ ایک سطر لکھتے ہوئے اُس میں پیراگراف کا استعمال کرتے ہیں تو ٹیگ کے استعمال کے بعد والا حصہ نئی سطر سے شروع ہو گا ۔
کسی بھی پیراگراف میں نئی سطر شروع کرنے کے لئے یا پیراگراف میں دو پیراگراف کو ایک دوسرے سے الگ کرنے کے لئے لائن بریک <br /> کا استعمال کیا جاتا ہے ۔ اسی طرح <hr /> کے استعمال سے بھی یہی کیا جا سکتا ہے، لیکن ان دونوں میں ایک فرق یہ ہے کہ hr کے استعمال کے بعد ایک قطار ظاہر ہو جاتی ہے ۔
اب ہم گلی قسط میں فرداً فرداً مختلف ٹیگز اور ان کے استعمال کا جائزہ لیں گے ۔
 
برادرم جہانزیب صاحب!

سلام مسنون!!

اوّل اوّل تو شکریہ قبول کیجئے کہ اپنے مصروف اوقت میں سے جشن محفل کے ہفتہء سافٹوئیر کے لئے وقت نکالا اور اتنا سلیس و عام فہم ٹیوٹوریل فراہم کیا۔ امید ہیکہ احباب اس سے ضرور مستفید ہونگے۔ اور ٹیوٹوریل کے تخلیق کار کی حوصلہ افزائی میں کوئی کسر نہیں اٹھا رکھیں گے۔

اب تک ایک ایک کر کے جاری کیئے گئے دوسرے ٹیوٹوریلس کی مانند یہ بھی ادارت کے لئے روکا گیا تھا اور اب جاری کیا جا رہا ہے۔ ان دنوں مصروفیات کچھ ایسی بڑھ گئی ہیں کہ اس میں خاطر خواہ تبدیلیوں/اضافوں سے قاصر ہوں۔

خیر اس ٹیوٹوریل کے پڑھنے کے بعد احباب کے ذہن میں جو سب سے پہلا سوال آسکتا ہے وہ یہ ہوسکتا ہے کہ کیا ایچ ٹی ایم ایل بس اتنی سی چیز کا نام ہے؟ جواب ہے نہیں!! (پر یہ ابتدائی تعارف کے لئے کافی سے بھی زیادہ ہے)

اگلا سوال ہے کہ مزید کے لئے کہاں جائیں؟

تو آسان سا جواب ہو سکتا ہے google

ویسے ایچ ٹی ایم ایل لرننگ کے چند بہترین رسورسیز درج ذیل روابط پر دستیاب ہیں۔

ڈبلیو تھری اسکولس

تزاگ

مزید یہ کہ احباب کے تبصروں اور سوالات کے لئے یہ دھاگہ اب کھلا ہے۔!

والسلام!
 

مغزل

محفلین
بہت شکریہ جہانزیب صاحب۔
سلامت رہیئے ۔۔
بس ایک گزارش کہ مخفف Html کے معانی (مراد اصل عبارت)
یعنی ہائیپر ٹیکسٹ مارک اپ لینگویج کا ذکرِ خیر کردیتے۔
 
ہائپر ٹیکسٹ مارکپ لینگویج:

اسے سمجھنے کے لئے پہلے مارکپ کا مطلب سمجھتے ہیں۔ مارکپ لینگویج ڈاٹا کی ایسی تنظیم کو کہتے ہیں جس میں ڈاکیومینٹ کے ہر جزو کو قاعدے سے مرتب کیا گیا ہو۔ اور اجزا کا باہمی تعلق واضح ہو۔ اس طرح کہ اجزا کا شجرہ مرتب ہو جائے۔ نیز ہر جزو کی خصوصیات اگر وہ طے شدہ خصوصیات سے مختلف ہوں تو بیان کی جائیں۔ انھیں مرتب کرنے کے لئے عموماً ٹیگز کا استعمال کیا جاتا ہے گر چہ یہ قاعدہ کلیہ نہیں ہے۔ ایسی ڈھانچے دار زبانیں دو مقاصد کے لئے استعمال ہوتی ہیں ایک تو ڈاٹا کے ذخیرے کے لئے جیسے ایکس ایم ایل، دوسرے ڈاٹا پریزینٹیشن کے لئے جیسے ایچ ٹی ایم ایل۔ اس زمرے میں کئی زبانیں آتی ہیں مثلاً‌ ایچ ٹی ایم ایل، ایکس ایچ ٹی ایم ایل، ایکس ایم ایل، وائی اے ایم ایل، ڈبلیو ایم ایل اور جے ایس او این وغیرہ۔

اب ہائپر ٹیکسٹ پر آتے ہیں۔ ہائپر ٹیکسٹ کا مطلب ہے عام متن سے پرے یا ما بعد متن۔ یوں سمجھ لیں کہ ہائپر ٹیکسٹ ایسا متن ہے جو مروجہ تحریری متن سے کہیں زیادہ خصوصیات کا حامل ہو۔ عام متن میں صرف مفہوم ہوتا ہے جبکہ ما بعد متن کا ہر جزو اپنے مفہوم کے ساتھ ساتھ دیگر خصوصیات مثلاً‌ رنگ حجم، پس منظر، خط وغیرہ کا الگ الگ حامل ہوتا ہے۔ نیز ہائپر لنک کے ذریعہ متن میں جان سی پڑ جاتی ہے اور دستاویزات کے مابین تعلق قائم ہو جاتا ہے۔

چونکہ ایچ ٹی ایم ایل ان سبھی خواص کا حامل ہے اس لئے اسے ہائپر ٹیکسٹ اور مارکپ دونوں کہتے ہیں۔

والسلام!
 

مزمل اختر

محفلین
بنیادی ٹیگز اور عبارت کی تدوین ۔

ایلیمنٹ اور Attributes کا استعمال کر کے، ہم ایک مکمل لیکن سادہ ویب صحفہ ترتیب دے سکتے ہیں ۔ایچ ٹی ایم ایل میں استعمال ہونے والے تمام ایلیمنٹس کا احاطہ کرنا اس ایک مضمون میں ممکن نہیں ہے، لیکن تمام اہم ایلمنٹس اور ٹیگز اور ان کے ساتھ استعمال ہونے والے Attributes کا ایک مختصر جائزہ ہم یہاں ضرور لیں گے ۔
ہم دوبارہ سے اپنی پہلی بنائی ہوئی فائل پر توجہ دیتے ہیں ۔جو کہ درج ذیل ہے۔
HTML:
<html>

  <head>
   <title>My first page</title>
  </head>

  <body>
  <p>This is my first web page, i'm a web designer now.</p>
  </body>

</html>
اس فائل میں اب ہم کچھ اضافہ کرتے ہیں ۔
HTML:
<html>
<head>
<title>Basic text formatting.</title>
</head>
<body>
<h1>The king.</h1>
<p>Once upon a time,
 in mountains of northern india,
 a child was born.</p>
Once upon a time, <p>in mountains of northern india, a child was born.</p>
<p>Once upon a time, in mountains of northern india, a child was born.</p>
<p>Once upon a time, <br /> in mountains of northern india, a child was born.</p>
<p> Once upon a time, <hr />in mountains of northern india, a child was born.</p>
<h3>His name was king.</h3>
<p>He conqured whole india, when he was only 10.</p>
<hr />
<p align="center">That is why i called him, The king.</p>
</body>
</html
>
اس فائل کو بنانے کے بعدآپ اس کا مشاہدہ براؤزر میں کریں، تو ایک ہی جملہ آپ کو مختلف انداز میں لکھا ہوا نظر آئے گا۔ یہاں پر دو قابلِ غور باتیں ہیں ۔
کہ جب آپ کسی عبارت کو پیراگراف ایلیمنٹ دیتے ہیں، تو چاہیں آپ نوٹ پیڈ میں ہر سطر کو نئی سطر سے شروع کریں، براؤزر میں یہ ویسے نظر نہیں آئے گا۔
دوسری بات یہ ہے کہ جب آپ ایک سطر لکھتے ہوئے اُس میں پیراگراف کا استعمال کرتے ہیں تو ٹیگ کے استعمال کے بعد والا حصہ نئی سطر سے شروع ہو گا ۔
کسی بھی پیراگراف میں نئی سطر شروع کرنے کے لئے یا پیراگراف میں دو پیراگراف کو ایک دوسرے سے الگ کرنے کے لئے لائن بریک <br /> کا استعمال کیا جاتا ہے ۔ اسی طرح <hr /> کے استعمال سے بھی یہی کیا جا سکتا ہے، لیکن ان دونوں میں ایک فرق یہ ہے کہ hr کے استعمال کے بعد ایک قطار ظاہر ہو جاتی ہے ۔
اب ہم گلی قسط میں فرداً فرداً مختلف ٹیگز اور ان کے استعمال کا جائزہ لیں گے ۔
بھائی آپ نے اس کام کو مکمل نہں کیا مٖٖضمون بہت سہل اور اچھالکھا آپ نے ایسا لگا یہ کام مکمل ہوتا تو بہت مفید مواد مل جاتاویسے آپ نے جتنا کیااس کے لیے بہت شکریہ۔
 
Top