هڪ HTML صفحو جو هڪ مثال ۽ جي بنيادي اصولن

ڪيترن ئي ٻولين ۾ ٻڌو، پر HTML پوسٽ جي ٻولي جي سڀ کان خاص ۽ vosstrebovan مان هڪ آهي. تنهنڪري ان جي پروگرامن ۾ ٻين اهم قدمن جو تمام گهڻو شامل. HyperText Markup ٻولي (HTML) - گهڻو ڪري جڏهن markup ٻوليء جي ڊولپر موجود علم جي دلين ۾ موجود ڪيو آهي،.

حقيقت ۾، HTML پوسٽ ۾، ڪو ڏکيو آھي، ۽ چند منٽن ۾ سڀ جو سڀ کان ئي پروگرامن کان پري ۽ انٽرنيٽ ماڻهن جي نوٽ بڪ ۾ HTML پوسٽ-صفحن جو قيام پوري ڪندو. قابل ذڪر مثال، سادگي، بيشڪ، هر هڪ کي رسائي.

عام طور بيان

HTML فائيل - هڪ هڪ صفحو ماڳ، باقي هن debatable آهي، پر رپيا صفحو هڪ فائيل هڪ شروع اهو واضع ٿئي ٿو لاء، سو آهي.

HTML - HTML فائيل هڪ DOCTYPE صحافت ته فائل جي قسم جي مخصوص سان ٿيندي آهي. سڀ صفحو عنصرن (ٽيگ) موڙ brackets اندر ظاهر ٿي رهيا آهن. هر ڏنيون ( "<" ۽ ">") هڪ ڳولهي HTML شامل آهن. عام طور تي مشمتل paired آهن، ته آهي، هر «ڳولهي» لاء «/ ڳولهي» آهي. ٻئي موڙ brackets ۾ هيٺيان آهن. نه هڪ طرفي ڳولهي، جنهن جي سڀ کان وڌيڪ مشهور آهي «br /» - ايندڙ لائن ڪرڻ لاء عبوري.

هن فائل ۾ وڏي ڳولهي - ان کي پاڻ HTML پوسٽ، جنهن رڳو ٻن ڳولهي شامل آهن: مٿي ۽ جسم. پهرين صورت ۾، مختلف specification ٻين پوليس اهلڪارن صفحو فائلون کي جوڙي جي حقیقي آهن موجوده پي PHP حفاظتي ۽ JavaScript لکتن ۾ ٿي سگهي ٿي. ٻيو صفحو لکيل مواد ۾. به ٽيگ ۽ لکتن جي روپ ۾.

سادي HTML-صفحو

اهڙي صفحو ٺاهڻ جو مثال هيٺ مضمون ۾ ظاهر آهي. ان تي غور ويچار.

سر سيڪشن

بنيادي مقصد سر ڳولهي - جي صفحي جي هڪ عام تشريح ۽ عام لکتن، باقي جنهنڪري - صرف هڪ مائٽ تصور. عام طور نه رڳو ٻن شين کي گهڻو اهميت سمائجي:

• لفظ ۽ ان جي صفحي جو بيان؛
• ٻين فائلون (* .css ۽ * .js) کي جوڙي.

هن حصي جي صفحي مواد جي مواد ڏيکارڻ لاء، ڇاڪاڻ ته ان کي اشارو جتي ڪجهه ٻين فائلون ٽيگ ۽ ٻين لکتن ٻولين لاء CSS اصول آهن صرف اڻ اهميت رکي ٿو.

HTML-صفحو هڪ لقب (عنوان)، جنهن کي جڏهن هڪ رڪن جي ٽيب جتي صفحو کوليو آهي جي حوالي سان توهان جي مائوس التي ڏيکاريل آهي. هن اهم آهي، ڇاڪاڻ ته ان جي صفحي گهڻو وڌيڪ presentable ڪندو آھي، چوندا ڪرڻ آسان، پڙهڻ متن پير.

تبديل ٿيل-ٽيگ عام ۾ ويب پروگرامن ۾ اهم آهي، پر جڏهن ان کي هڪ نوٽ بڪ ۾ HTML پوسٽ-صفحن جي پيدائش، اڻ وڻندڙ ڪلٽر redundant جوڙجڪ جو هڪ مثال جي ضرورت هوندي آهي.

ڪڙي ۽ رسم الخط جوڙي تي خاص ڌيان ڏيڻ گهرجي. جي JavaScript-ڪوڊ فائيل جو مقام - پهرين هڪ جاء تي، جتي هڪ CSS stylesheet فائيل، ٻيو نه آھي وهم. اهڙي جوڙي مقرر ڪري سگهجي ٿو.

توهان استعمال لکتن ۾ هڪ HTML علم طور علاج ڪيو وڃي ته مشڪل بڻجي ويندو، توهان جھر انداز تختيون تي فوري طور تي ڌيان ڏيڻ گهرجي. هن CSS فائلون، HTML پوسٽ ٽيگ جي رجسٽريشن جي ضابطن ۾ خاص طور ۾، آهن.

سيڪشن جسم

حقيقت ۾، هڪ نمونو صفحو HTML - هن جي جسم جي حصي آهي. اهو ته هتي جي مواد صفحي جي سڀني جي موڪليل معلومات تي مشتمل آهي. سڀ معلومات اهڙي JavaScript-ڪوڊ يا پي PHP حفاظتي-پروگرام جو ٽڪر inserting طور، ٽيگ ۽ لکتن جي صورت ۾ پيش ڪيو آهي.

اهو احساس کي ته برائوزر ۽ اهڙي notepad طور هڪ ٽيڪسٽ ايڊيٽر ۾ هڪ ئي مثال ۾ HTML پوسٽ صفحا جو مثال، هن جي ساڳي شيء نه آهي اهم آهي. پهرين صورت ۾ اسان کي تيار HTML-متن جنهن ۾ سڀني لکتن ۾ بيان ڪيو آهي. مثال طور، پي PHP حفاظتي ان حصي کي سچو ۽ حق جي ٽيگ هنڌن جي ڪوڊ جي بدران قائم ڪري ڇڏيو آهي. JavaScript به، ان جي مشن کي سچو جيتوڻيڪ جي باري ۾ ان جي موجود هڪ الڳ گفتگو ٿي.

HTML - ان اسڪرپٽ ٽيگ بدران. آخرڪار، رڳو هن صفحي کي برائوزر ۾ ڏيکاريل جي مواد، پر ان جي ڳولهي. في الحال پي PHP حفاظتي-ڪوڊ موجود نه آهي.

، صفحي جي خدمت ڪرڻ نه رڳو جوتن جي وقت (overload) تي، پر مان پلو ۾ جڏهن صفحو جي رڪن جي برائوزر ۾ آهي، ۽ ان جي پڙهائي ان - JavaScript هڪ خاص جاگرافيائي بيهڪ، سندس خيال ۾ آهي.

هڪ سادي مثال ڪوڊ HTML-صفحي جي (صرف جسم دفعه) هيٺ ڏيکاريل آهي.

جيئن هيٺ ڏيکاريل آهي هڪ رڪن جي برائوزر ان کي ڏسڻ.

جي ڪوڊ ۾ متعين نه ڪيو ويو ته عنصرن ته برائوزر آندو وانگر نظر وڃي. سڀ خاڪي جي CSS ضابطن ۾ نظر اچي رهيو آهي. هن معاملي ۾، Mcss / scPhpWordRW.css فائيل ته حوالي ڪيو ويو (ڏسو. هڪ صفحي HTML پوسٽ جي تمام پهريون مثال).

HTML وسنديون، CSS موضوع سادو آهي، اتي تمام رسائي اصول آهي ۽ انهن جي تعداد ۾ ننڍي آهي، جڏهن HTML-صفحن جي پيدائش جو مثال notepad کان سواء ڪا به ضرورت نه رکندو آھي. سڀڪنھن شيء کي فوري طور تي ترقي لاء تمام رسائي آهي:

اهو ڏيکاري ٿو ته ڪيئن آسان ان کي بيان ڳولهي scLogo_vDoc آهي، ۽ هن بيان کي ڳولهي جي هڪ عام حالت ۾ هڪ تصوير vDoc-logo.png ڊسپلي ڪندو، ۽ مائوس ان تي آهي جڏهن ته آهي - ڏيکاريل vDoc-اسپورٽس نيوز-h.png.

جي HTML بيانن جي جوڙجڪ

زبان ٻاهر کڻي جي جوڙجڪ ۽ تصور هتي جي نحو جي ڪنهن به تمام مائٽ آھي داخل نه رکندو آھي. ڪو variables آهن، پر موقعا جي گھڻائي نه آهي. hypertext جي بنيادي بنياد هڪ عنصر (ڳولهي) هڪ نالو ڪري پڪ آهي ته آهي ته آهي.

صورت جو نالو، جو ڳولهي ڏنيون، مناسب جا نالا (tagName) ۽ موڙ brackets ( «<» + tagName + «>») جو ٺهيل آهي ته جيڪڏھن اسان کي ڳولهي جي شروعات جي باري ۾ ڳالهائڻ آهن، ۽ «»، جيڪڏهن رڪارڊ ان جي آخر ۾.

هيٺ سنڌ جي متن ۾ واقع صفتون بيان HTML صفحن جو مثال.

هن ڳولهي صفتون آهن سگهي ٿو، پوء انھن کي مستحڪم ڪري موڙ bracket کان اڳ ڳولهي جي نالي کان پوء هڪ خلا ذريعي وجهي رهيا آهن ">". جزن ۾، جيڪڏهن انهن کي ڳولهي صرف ابتدا ۾ درج آهي. جي ڳولهي جي مواد آهي ته جنهن جي شروع ڳولهي ۽ ان جي پڇاڙي جي وچ ۾ ڪوڙ آهي.

كل HTML مواد بيان

HTML اوھان کي بلاڪ ۽ inline عنصرن بيان ڪرڻ جي اجازت ڏئي ٿو. پهريون ڀيرو برائوزر ونڊو ۾ هڪ مخصوص علائقي بلڪل positioned ڪري سگهجي ٿو ته ڊسپلي HTML-صفحن جي ميدان تي سنڌ جي حق جي جاء ۾ آهي سائو، ۽ هڪ مخصوص ڪرائون سائيز واري آهي.

Inline عنصرن عام طور هڪ موضوع ويهڻ، ته، آهي جيئن جو صفحو فائيل ۾ چيو ويو، ۽ ان جي اسڪرين تي ڏيکاري. جڏهن صفحو لوڊ وٺندي ڪل جي وهڪري جي ڊسپلي اثر ٿي سگهي ٿو. رکڻ، visibility، ۽ بلاڪ عنصرن جي ٻين مال تي JavaScript-ڪوڊ ذريعي ڪنهن به وقت تي اثر ٿي سگهي ٿو.

جي سادي عنصرن کي ان کان سواء، HTML پوسٽ جي ٽيبل ۽ صفت بيان ڪرڻ لاء مليو آهي. انهن عنصرن جي ۾ مطالبو ۾ تمام گهڻو آهي "جهڙا ويب سائيٽ عمارت."

هن ميز جي وضاحت: ٽيگ ميز، TR، TD

ميز ڳولهي هڪ ميز پيدا ڪرڻ لاء استعمال ڪري سگهجي ٿو جڏهن، TD خانا جو تعداد لاء هڪ قطار ۾ صفون ٻڌي جي هڪ نمبر ۽ TR ڄاڻائي. تنظيم جي ويچارا ميز کي ان جي ابتڙ، جي فطرت HTML-markup tabular تنظيم هن اعلان تائين محدود ڪري، جيڪڏهن ڊولپر هڪ مستطيل ٽيبل جي ساڳئي جي سڀ صفون شاخن جي جنهن ۾ سنڌ جي تعداد ۾ آهن ڪرڻ گھري ٿو، ته پوء ان کي پاڻ لاء تابعداري ضروري آهي ته ڇاڪاڻ ته.

HTML پوسٽ جي اصولن حيثيت: ڪندا جيڪي آهي، پر ڪجھ به نه آهي ته سمجهڻ نه آهي. ڪن حالتن ۾ ته ان جو ميز جي هر صف ۾ شاخن جي تعداد کي ايتري اهميت نه آهي، پر جيڪڏهن توهان horizontally يا vertically هڪ ملائڻ خانا وضو ڪرڻ چاهيو ٿا، ان کي ڏاڍي ڌيان سڀ شمار ڪرڻ ضروري آهي.

هڪ سادي ميز graphically مضمون ۾ ڏيکاريل جي بيان سان مثال HTML صفحي.

جي ڪالمن جي مٿان - هتي پهرين قطار ڳولهي هين TD ڳولهي جي بدران استعمال ڪيو ويو سان ٽن شاخن، جي ٽي صفون جي ماپ ڄاڻائي هڪ ميز آهي. خاص طور تي طيبة انهن ٻنهي ٽيگ ڪيو ٿا نه، پر ان جي ميز جي پهرين قطار جي وچ ۾ فرق ڪرڻ جو پهريون استعمال ڪرڻ ممڪن آهي، ۽ هين کي CSS ۾، توهان کي پنهنجي انداز ۾، جنهن کي ان کي ٻين TD کان distinguishes مقرر ڪري سگهي ٿو.

مثال بڻجي: فارم ڳولهي، پٽ

روپ - هن جي HTML-ٽيگ جي سڀ کان مطالبو ڪيو حصو آهي. فارم کي استعمال ڪندي معلومات ڏيون ڪري سگهو ٿا. دراصل، جو صفحو - هن ڏيون ٿا معلومات، پر ان جي صورت - پٽ.

هڪ سادي فارم جي بيان سان مثال HTML صفحو:

گهڻو وڌيڪ فارم جي استعمال ڪري، پر مکيه خاصيتون ڏنل آهن. توهان جو پٽ ميدان ۾ ڄاڻائي سگھو ٿا، توهان انهن کي مقرر ڪرڻ لاء استعمال ڪندڙ ان پٽ جي ڇنڊڇاڻ لاء ڊزائن ۽ واقعي کي handlers جي ضرورت آهي. توهان هڪ لڪل ميدان ڄاڻائي ۽ صفحي جو پس منظر کان معلومات ڏيون ڪري سگهو ٿا. توهان جي معلومات جي سند بٽڻ Assakanus جا سگهن ٿا، نپوڙيان ٿو ته انگن اکرن جي منتقلي جي عمل کي رٿيندو.

HTML استعمال ڪرڻ

hypertext ٻولي ڄاڻندا - انٽرنيٽ پروگرامن جي ميدان ۾ ڪنهن به ڪم specialization لاء هڪ indispensable حالت، پر توهان کي پي PHP حفاظتي يا JavaScript ۾ هڪ پروگرام لکڻ چاهيو ٿا ته، پوء ڄاڻو HTML + CSS perfectly جي ضرورت آهي.

پي PHP حفاظتي زبان جي پوئين مثال ۾ نشاندهي ڪئي وئي آهي. پي PHP حفاظتي، سرور تي هلندو هو، ڇاڪاڻ ته هن فارم سان گڏ هڪ صفحي جي سرور کان ڀرجي ئي شعبن سان برائوزر کي نگهو سار. خاص طور تي، TestOnBlur ڪم کي ڳولهي پٽ (onblur واقعي handler) ۾ به ذڪر ڪيو، متن شعبن جي صورت ۾ سڀني جي حراست ۾ ملي.

برائوزر JavaScript هلندو آهي، ۽ صحيح ڊيٽا کي ڪم ڪرڻ لاء، واپس سرور ڪرڻ بٽڻ تي موڪليو ته آهي، خاڪي :. Onclick = jQuery ( '# کي') val ( 'گاڏو')، ان کي نه صرف جي باري ۾ ڇا جي jQuery معلوم ڪرڻ ضروري آهي، پر ڇا #to، val، گاڏو. وڌيڪ وعن، ان جي بنياد تي مشمتل ۽ انھن کي CSS جو انداز جهڙي عام اصول معلوم ڪرڻ ضروري آهي.

هن جلدي جلدي انٽرنيٽ پروگرامن جي علائقي ۾ ڪنهن به specialization جي اهليت بلند ڪرڻ لاء ڪافي آهي.