DAVEN FARNHAM: آج، میں جا رہا ہوں ایچ ٹی ایم ایل کے بارے میں تھوڑا بہت بات، ہایپر ٹیکسٹ مارکاپ زبان. آپ ان دنوں ہر جگہ ایچ ٹی ایم ایل کو دیکھنے کے. اصل میں، اگر آپ کو یہ دیکھ رہے ہیں ایک براؤزر میں ویڈیو، تم ہو اب ایچ ٹی ایم ایل کو دیکھ کر. ایچ ٹی ایم ایل ایک پروگرامنگ زبان نہیں ہے، بلکہ، اس کی طرف سے استعمال کیا جاتا مارکاپ زبان ہے صفحات فراہم کرنے کے لئے ویب براؤزر انٹرنیٹ پر. 

تو آپ کو لکھ رہا ہے کس طرح، پوچھ سکتا ہے مختلف HTML میں ایک ویب کے صفحے ایک پروگرامنگ میں ایک پروگرام لکھنے سے C طرح زبان بدلیں؟ ٹھیک ہے، C بہت سخت کے ساتھ ایک زبان ہے کرنے کی ضرورت ہے نحوی قواعد اسے چلانے سے پہلے مرتب کی. تم نے کبھی ایک شامل کرنے کے لئے بھول گیا ہے تو میں ایک بیان کے آخر میں نیم وقفہ آپ C کوڈ، آپ میں بات کر رہا ہوں کیا پتہ سخت نحو کے بارے میں کے بارے میں. 

ویب براؤزر اگرچہ، تھوڑا سا زیادہ ہیں یہ ایچ ٹی ایم ایل کے لئے آتا ہے معاف. اپنے HTML syntactically نہیں ہے یہاں تک کہ اگر صحیح، آپ کے صفحے کے اب بھی ہو سکتا ہے ایک براؤزر کی طرف سے ظاہر ہے، لیکن یہ ہو سکتا ہے آپ کو مقصد کے طور پر نظر نہیں. تو یہ سب سے بہتر ہمیشہ قوانین پر عمل. ایک انترجشتھان حاصل کرنے کے لئے سب سے اچھا طریقہ چیزوں کو کام کرنے کے لئے کس طرح کے بارے میں ایک مثال کے ذریعے جانا. 

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

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

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

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

تو مندرجہ بالا ایچ ٹی ایم ایل، ہم آپ کو ایک بہت ہی دے دیں گے ایک ویب کے صفحے کے لئے بنیادی سانچے، کچھ بھی نہیں پسند، صرف ننگی ہڈیوں. لیکن میں نے ایک ویب کے صفحے پیدا کر رہا ہوں، کیا میں شامل کرنے کے لئے چاہتے ہیں تو اپنے آپ کو، کا کہنا ہے کہ، کی تصویر؟ ٹھیک ہے، میں ایسا کر سکتے ہیں. کے طریقوں میں سے ایک جوڑے کو ہیں آپ کی سائٹ پر تصاویر شامل. تصویر کے طور پر ایک ہی فولڈر میں ہے اپنے HTML فائل، آپ کو منسلک کر سکتے ہیں اس طرح کے راستے کے ذریعے تصویر. 

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

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

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

کیا میں یہاں کیا کرنے جا رہا ہوں، ایک استعمال ہے ایک طرف سے denoted منسوب ہیں اور تصویر کے لئے ایک لنک، کی، CS50 ٹی وی کا کہنا ہے کہ. اس طرح، کسی کو مجھ پر کلک کرتا ہے جب بھی، ان کے براؤزر کرنے کی ہدایت کی جائے گی دوسرے، شاید زیادہ مفید، ویب کے صفحے. میں کے سائز کو کم سے کم کرنے کے لئے تھا ہماری ویب کے صفحے ہے کیونکہ تھوڑا سا متن زیادہ اعلی درجے کی ہو رہی ہے. لیکن امید ہے کہ، یہ اب بھی واضح ہے. میری ویب سائٹ پر بالکل اسی لگتا ہے صرف اب، میں تصویر پر کلک کریں جب بھی، اپنے براؤزر ایک اور کھل جائے گا CS50.tv ویب کے صفحے کے لئے ٹیب. 

آخر میں، میں نے انداز کرنے کے لئے جا رہا ہوں اس ویب سائٹ کے بعد سی ایس ایس کا استعمال کرتے ہوئے. سی ایس ایس کے طور پر جانا جاتا ہے کیا ہے جھرن کاری سٹائل شیٹ. اور یہ بنیادی طور پر ایک مؤثر فراہم کرتا ہے میں ترمیم کرنے کا طریقہ اور انداز کوڈ کے اسی طرح کے بلاکس. میں نے اپنی ایچ ٹی ایم ایل کی تنظیم شروع کرنا چاہتے ہیں یہ آسان کے بعد سٹائل کے لئے بنانے کے. یہاں، میں دو مختلف قسم کی قائم اپنے کوڈ کو منظم کی مدد کرنے کی شناخت. میں ایک کے اندر شناختی وصف کا استعمال کیا ہے ڈویژن، یا DIV ٹیگ، اور میں نے ایک کا استعمال کیا ہے کلاس کے اندر منسوب دوسرے DIV ٹیگ. 

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

ڈویژن سب سے اوپر کے اندر اندر سب کچھ اسی طرح کے stylings کے یا کسی بھی پڑے گا میں ایچ ٹی ایم ایل میں گروپ کے دوسرے گروپ کلاس کی تصویر کی طرح نظر کریں گے. اس میں ترمیم کرنے کی کوشش کر رہے ہیں سے زیادہ آسان ہے اور سٹائل تصاویر یا کے بلاکس انفرادی طور پر متن. 

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

میرا نام Daven Farnham ہے. یہ CS50 ہے. 

تو مثال کے طور پر، میں استعمال کر سکتے ہیں کلاس تصویر - نہیں، بہت سے صفات ہیں. میرا نام Daven Farnham ہے. یہ سی ایس 650 ہے. میں سی ایس ایس کہنا چاہتا ہوں. یہ سی ایس ایس ہے.