چونکہ انٹرنیٹ کا آغاز ، HTML ورلڈ وائڈ ویب کا کام کر رہا ہے اور جس طرح سے ہم کو یہ کرنا چاہتے ہیں ظاہر کرنے کے لئے بہت اہم رہا ہے. چلو HTML کیا ہے پر ایک نظر ڈالیں اور یہ کہ کس طرح آپ کو ہر روز دیکھنے کے صفحات میں بدل جاتا ہے.
انٹرنیٹ کی ریڑھ کی ہڈی
HTML کے لئے کھڑا ہے "ہایپر ٹیکسٹ مارکاپ زبان." یہ ایک کوڈنگ زبان کے صفحات پر ایک ویب براؤزر ظاہر کر سکتا ہے کہ پیدا کرنے کے لئے استعمال کیا جاتا ہے. ویب صفحات آپ انٹرنیٹ پر تلاش، آپ ابھی سے اس مضمون پڑھ رہے ہیں جن میں ایک سے زیادہ، ایک HTML فائل کے طور پر محفوظ کیا جاتا. ویب سائٹس ایک سرور کہیں پر محفوظ متعلقہ HTML صفحات کا ایک گروپ ہے. یہی وجہ ہے کہ زبان بار بار کہا جاتا ہے ہے " انٹرنیٹ کی ریڑھ کی ہڈی "
آپ کو انٹرنیٹ پر ایک صفحہ پر جانے جب بھی، آپ بنیادی طور پر سرور پر محفوظ کیا ایک HTML فائل کی درخواست کر رہے ہیں. پھر، اس طرح کروم یا فائر فاکس کے طور پر آپ استعمال کر رہے براؤزر،، HTML تجزیہ اور یہ ارادہ کیا ہے کہ راستے میں اسے آپ کو دکھائے گا.
HTML کی آفاقیت اور استرتا یہ ایک سب سے زیادہ مقبول بنا دے مارک اپ زبان دنیا میں. سب سے زیادہ سامنے کے آخر میں ویب ڈویلپرز کی طرف سے شروع کوڈ کرنے کا طریقہ سیکھنے HTML میں. ڈریگ اور ڈراپ ٹولز اور WYSIWYG ایڈیٹرز بالآخر HTML میں ترجمہ کر رہے ہیں تاکہ براؤزرز ان کا تجزیہ کر سکتے ہیں.
متعلقہ: مارک اپ کی زبان کیا ہے؟
کس طرح ایچ ٹی ایم ایل ورکس
کسی بھی پروگرامنگ زبان کی طرح، حکم دیتا ہے اور متن کے بلاکس کا ایک گروپ کی طرح ایچ ٹی ایم ایل لگتا ہے سامنے کا سامنا بصری میں تبدیل کر دیا ہے اس سے پہلے. آپ کی طرح اس مخصوص صفحہ دکھاوی پر کیا HTML دیکھنے کے شوقین ہیں اور آپ کو ایک ڈیسک ٹاپ یا لیپ ٹاپ پر ہیں تو اس صفحے پر کہیں بھی دایاں کلک کرنے کی کوشش کریں اور منتخب کریں "کے لنک پیج ماخذ" (اختیار اپنے براؤزر کی بنیاد پر مختلف ہو سکتے ہیں ). اس کوڈ کا ایک بڑا دیوار پر لے جانا چاہئے.
سب سے زیادہ HTML "عنصر بلاکس،" ایک صفحے پر الگ الگ مختلف عناصر کہ ایچ ٹی ایم ایل کوڈ کے ٹکڑوں ہیں جس کا استعمال کرتے ہوئے بنایا گیا ہے. مثال کے طور پر، اس مضمون کے جسم کے مینو، ذیل سفارشات، اور صفحے کے فوٹر ہے کے طور پر، ایک عنصر بلاک ہے. ان عناصر، اپنے طریقے سے کوڈت رہے ہیں وہ مختلف طریقے سے برتاؤ کر سکتا ہے.
HTML صفحات باہر عمارت کا ایک اہم حصہ جھرن کاری سٹائل شیٹس (سی ایس ایس) کا استعمال ہے. یہ ایک ایسے صفحے کے مخصوص عناصر کی طرح نظر آنا چاہئے کیا وضاحت ہے کہ دستاویزات ہیں. مثال کے طور پر بڑی تصاویر ہونا چاہئے کہ کس طرح، کیا فونٹس ایک صفحے پر دکھایا، اور چاہئے ایک ویب پیج جواب چاہئے کہ کس طرح یہ سائز تبدیل یا بڑھا رہا تھا. یہ سب کشش آہنگ، اور سجیلا ویب سائٹ بنانے کے لئے انتہائی اہم ہیں. آپ کو آخری عشرے میں بہتر نظر آنا شروع محسوس ویب سائٹس کی ہے تو، سی ایس ایس کے بڑھتے ہوئے استعمال سے بڑی وجہ ہے. آپ سی ایس ایس کے بارے میں مزید پڑھ سکتے ہیں یہاں .
HTML کے بارے میں سب سے بہترین چیزوں میں سے ایک کے ذریعے متحرک سکرپٹ کو چلانے کے لئے کی صلاحیت ہے جاوا سکرپٹ یا جے ایس. یہ سکرپٹ متحرک عناصر بنا سکتے ہیں. مثال کے طور پر بعض ویب سائٹس پر، ایک تصویر پر ہوور آپ کو اس میں زوم کرنے کی اجازت دے گا. آپ کو ایک جاوا سکرپٹ کے عنصر میں کوڈنگ کی طرف سے اس اثر کر سکتے ہیں.
متعلقہ: کس طرح غیر فعال کرنے کی گوگل کروم میں جاوا سکرپٹ (اور فعال)
HTML مبادیات
HTML مختلف ٹیگ اور بلاکس کے ٹن کے ساتھ ایک کافی پیچیدہ زبان ہے، جبکہ آپ ویب براؤز کر رہے ہیں کے طور پر ہاتھ میں آ سکتا ہے کہ چند HTML کوڈ ہیں. یہاں آپ کو سامنا ہو سکتا ہے کہ بنیادی HTML ٹیگ کی ایک جوڑے کی ہیں.
کریں & lt؛ ایک href کی = "https://www.howtogeek.com" & gt؛ پر Geek کی کس طرح سے کریں & lt؛ / A & gt؛ پر
کس طرح Geek.
تم ان کا استعمال
& lt؛ a & gt؛
ایک لنک بنانے کا حکم. لنک کی طرف اشارہ کریں گے جہاں URL ہے، اور متن "Geek کی کس طرح سے" پڑھتا ہے کہ یہ ایک انتہائی صارف کو دکھائے جائیں گے کس طرح ہے.
کریں & lt؛ B & gt؛ پر جلی حروف کریں & lt؛ / b & gt؛ پر کریں & lt؛ میں & gt؛ پر ترچھے کریں & lt؛ / I & gt؛ پر کریں & lt؛ U & gt؛ پر اجاگر کریں & lt؛ / U & gt؛ پر
بولڈ ترچھے خط کشیدہ
آپ استعمال کر سکتے ہیں
کریں & lt؛ B & GT؛
،
کریں & lt؛ میں & gt؛ پر
، اور
کریں & lt؛ U & gt؛ پر
بولڈ، ترچھے حروف، اور زور متن: فارمیٹنگ کے اختیارات معیاری متن لاگو کرنا ہے.
کریں & lt؛ IMG ایسآرسی = "picture.jpg" & gt؛ پر
The.
کریں & lt؛ IMG & gt؛ پر
ٹیگ ایک تصویر میں ایک تصویر کو سرایت کرنے کے لئے استعمال کیا جاتا ہے. یہ یا تو تصویر کو ایک ہی ڈومین سے نکال دے گا، یا آپ اسے بیرونی ڈومین پر اشارہ کرسکتے ہیں. آپ اسے کچھ اضافی صفات کے ساتھ بھی اپنی مرضی کے مطابق کرسکتے ہیں، جیسے سائز کا سائز اور alt متن.
& lt؛ H1 اور GT؛ سرخی 1 & lt؛ / h1 & gt؛ & lt؛ p & gt؛ پیراگراف & lt؛ / p & gt؛
مندرجہ بالا سرخی اور پیراگراف ٹیگ ہیں. اسی طرح مائیکروسافٹ ورڈ آپ کو ہیڈر اور جسم کے متن میں متن کو کس طرح ترتیب دینے کی اجازت دیتا ہے، ایچ ٹی ایم ایل ڈیفالٹ ہیڈر اور پیراگراف کے اختیارات پر مبنی متن بھی کرسکتے ہیں. یہ فارمیٹس سی ایس ایس شیلیوں کی شیٹ کا استعمال کرتے ہوئے بیان کی جاتی ہیں.
& lt؛ p style = "رنگین: EDR؛" & GT؛ ریڈ پیراگراف اور ایل ٹی؛ / پی اور جی ٹی؛
آپ بھی استعمال کر سکتے ہیں
"انداز"
مختلف انداز کی ترتیبات کے ساتھ متن کو اپنی مرضی کے مطابق کرنے کے لئے خاصیت، جیسے ٹیکسٹ رنگ، پس منظر کا رنگ، اور فونٹ کا سائز.
اگر آپ زیادہ HTML فارمیٹنگ کے اختیارات کو سیکھنے میں دلچسپی رکھتے ہیں تو، چیک کریں W3Schools 'مفت وسائل . آپ ایچ ٹی ایم ایل ٹیگ کی مکمل فہرست تلاش کریں گے جو آپ اپنے ویب صفحات کی تعمیر شروع کرنے کے لئے استعمال کرسکتے ہیں.
متعلقہ: "ذمہ دار ڈیزائن" کیا ہے اور آپ اسے کیسے استعمال کرتے ہیں؟