एक HTML पृष्ठ एक उदाहरण आणि मूलभूत तत्त्वे

अनेक भाषा शोध लावला, पण HTML भाषा सर्वात विशेष आणि vosstrebovan एक आहे. तो प्रोग्रामिंग इतर की पुढाकार भरपूर असल्याने. हायपरटेक्स्ट मार्कअप भाषा (HTML) - जास्त मार्कअप भाषा विकसक उपस्थित ज्ञान मनात तेव्हा उपलब्ध केली जाते.

खरं तर, HTML मध्ये, तेथे कठीण काही नाही व काही मिनिटे सर्वात प्रोग्रामिंग आणि इंटरनेट पासून लांबच्या नोटबुक मध्ये HTML-पृष्ठे स्थापना पूर्ण करेल. लक्षात घेण्याजोगा उदाहरणे, साधेपणा, खरंच, प्रत्येकासाठी प्रवेशयोग्य.

सामान्य वर्णन

HTML फाइल - एक एक पान साइट, या वाटाघाटी करता येण्यासारखा आहे, पण, काय प्रति पृष्ठ एक फाईल आहे प्रारंभ हे स्पष्ट आहे जरी.

HTML फाइल निर्देशीत करते, DOCTYPE शिर्षक ने सुरू फाइल प्रकार ते - HTML. सर्व पृष्ठ घटक (टॅग) कोन कंसात दर्शविली आहेत. प्रत्येक जोडी ( "<" आणि ">") एक टॅग HTML समावेश आहे. सहसा HTML टॅग प्रत्येक «टॅग» साठी आहे की, पेअर, आहे «/ टॅग» आहेत. दोन्ही कोन कंस मध्ये संलग्न असतात. संक्रमण पुढील ओळीत - एकाच टॅग, जे सर्वात लोकप्रिय «br /» आहे.

फाइल मध्ये सर्वात मोठा टॅग - तो HTML स्वत: केवळ दोन टॅग, ज्यात: डोके आणि शरीर. पहिल्या प्रकरणात, विविध तपशील उपस्थित PHP आणि जावास्क्रिप्ट स्क्रिप्ट असू शकते इतर समर्पक पृष्ठ फायलींमध्ये दुवे निदर्शक आहेत. दुसर्या पृष्ठावर लिहिले सामग्री आहे. तसेच टॅग आणि स्क्रिप्ट स्वरूपात.

साधे एचटीएमएल-पृष्ठ

अशा पृष्ठ तयार उदाहरण खालील लेख करण्यात आली आहे. काळजीपूर्वक विचार करा.

HEAD विभागात

मुख्य उद्देश HEAD टॅग - पृष्ठ आणि सामान्य स्क्रिप्ट एक सामान्य वर्णन, नंतरचे जरी - फक्त एक नातेवाईक संकल्पना. सहसा फक्त दोन गोष्टी सिंहाचा महत्व तेथे संलग्न:

• कीवर्ड आणि पृष्ठाचे वर्णन;
• अन्य फायलींचे दुवे (* .css आणि * .js).

जेथे काही इतर फाइल टॅग आणि इतर स्क्रिप्ट भाषांसाठी CSS नियम आहेत सूचित कारण हा विभाग पृष्ठ सामग्रीचे सामग्री प्रदर्शित करण्यासाठी फक्त अप्रत्यक्ष महत्त्व आहे.

HTML-पृष्ठ शीर्षक (TITLE) अभ्यागत जेथे पृष्ठ उघडले आहे टॅब आपला माउस आणतो, तेव्हा प्रदर्शित आहे आहे. तो वाचनीय मजकूर साइन इन पृष्ठ, असे म्हणणे सोपे जास्त पुढे करते, कारण हे महत्वाचे आहे.

मेटा-टॅग सामान्य वेब प्रोग्रामिंग महत्वाचे आहेत, पण तो एक वही, अनिष्ट गोंधळ अनावश्यक संरचना एक उदाहरण HTML मध्ये-पृष्ठे निर्मिती आवश्यक आहे तेव्हा.

LINK आणि स्क्रिप्ट लिंक वर विशेष लक्ष दिले पाहिजे. जावास्क्रिप्ट-कोड फाइल स्थान - प्रथम जेथे CSS स्टाइलसिट फाइल, दुसरा आहे एक जागा संदर्भित. अशा दुवे सेट केले जाऊ शकते.

आपण स्क्रिप्ट एक HTML ज्ञान मानले पाहिजे वापरत असल्यास मजबूत होईल, आपण Cascading शैली पत्रकास लगेच लक्ष देणे आवश्यक आहे. CSS फायली HTML टॅग नोंदणी नियम विशेषतः आहेत.

विभाग शरीर

खरं तर, एक नमुना पृष्ठ HTML - हे शरीर विभाग आहे. हे सर्व माहिती, सामग्री पेजवरील सर्व आहे की येथे आहे. सर्व माहिती अशा JavaScript-कोड किंवा PHP-कार्यक्रम तुकडे समाविष्ट म्हणून टॅग आणि स्क्रिप्ट स्वरूपात सादर केले जाते.

अशा नोटपॅड म्हणून एक टेक्स्ट एडिटर मध्ये ब्राउझर आणि त्याच उदाहरण HTML मध्ये वेब पृष्ठे उदाहरण, हे समान गोष्ट नाही आहे हे लक्षात घेणे महत्वाचे आहे. पहिल्या प्रकरणात आम्ही तयार HTML मजकूर सर्व स्क्रिप्ट पूर्ण केले आहेत. उदाहरणार्थ, कृपया PHP त्याचे भाग पूर्ण आणि त्याऐवजी योग्य ठिकाणी टॅग कोड स्थापन केली आहे. जावास्क्रिप्ट देखील, त्याच्या मिशन पूर्ण अद्याप एक वेगळा संभाषण बेतात तरी.

HTML - ते ऐवजी स्क्रिप्ट टॅग. शेवटी, फक्त ब्राउझर मध्ये प्रदर्शित पृष्ठावरील सामग्री, पण त्याच्या टॅग. कोणत्याही कृपया PHP-कोड नाही.

नाही फक्त बूट वेळ (जादा असलेले ओझे) येथे, पृष्ठ सेवा करण्यासाठी अभ्यास, परंतु क्षण पृष्ठ अभ्यागत ब्राउझर आहे, आणि - जावास्क्रिप्ट विशिष्ट स्थितीत, त्याच्या काळजी आहे.

एक साधे उदाहरण कोड HTML-पृष्ठ (फक्त शरीर विभाग) खाली दाखवला आहे.

खाली दर्शवल्याप्रमाणे एक पाहुणा ब्राउझर दिसते.

कोड मध्ये निर्दिष्ट नाही ब्राउझर आणले घटक जसे दिसले पाहिजे. सर्व रचना CSS नियम दृश्यमान आहे. या प्रकरणात, Mcss संदर्भ होता की (पहा. एक पृष्ठ HTML पहिल्याच उदाहरण) / scPhpWordRW.css फाइल.

HTML, CSS थीम सोपे आहे विपरीत, अतिशय उपलब्ध नियम आहे आणि त्यांची संख्या, लहान आहे HTML-पृष्ठे निर्मिती उदाहरण नोटपॅड अन्य काही आवश्यकता नाही तेव्हा. सर्व काही त्वरित विकासामध्ये अतिशय उपलब्ध आहे:

हे टॅग scLogo_vDoc वर्णन केले आहे किती सोपे आहे आणि दाखवते, आणि हे वर्णन टॅग एक सामान्य स्थितीत एक चित्र vDoc-logo.png दाखवतो आहे, माउस असेल तेव्हा - vDoc-logo-h.png प्रदर्शित.

HTML वर्णन रचना

भाषा संकल्पना संरचना आणि मांडणी कोणत्याही पार पाडणे करावे लागत नाही येथे फार सापेक्ष आहे. नाही चल आहेत, पण भरपूर संधी आहेत. हायपरटेक्स्ट मूलभूत आधार एक घटक (टॅग) एक नाव आहे खात्री आहे की आहे की आहे.

योग्य नावे (टॅगनाव) आणि कोन कंस बनलेला प्रकरणात नाव, टॅग जोडी, ( «<» + टॅगनाव + «>»), आम्ही टॅग सुरुवात, आणि बोलत असू, तर «» रेकॉर्ड केले, शेवट.

खाली दिलेल्या टेक्स्ट मध्ये स्थित गुणधर्म वर्णन HTML पृष्ठे उदाहरण.

टॅग विशेषता आहेत करू शकता, नंतर ते एक जागा माध्यमातून टॅग नाव नंतर बंद कोन कंस आधी ">" ठेवले आहेत. ते टॅग फक्त सुरूवातीला रेकॉर्ड आहे तर, विशेषता. टॅग सामग्री प्रारंभ टॅग आणि शेवटी दरम्यान lies जे आहे.

एकूण HTML सामुग्री वर्णन

HTML आपण ब्लॉक आणि इनलाइन घटक वर्णन करण्यास अनुमती देते. प्रथम व्यापू ब्राउज़र चौकटीत विशिष्ट क्षेत्र केले जाऊ शकते पूर्णपणे, प्रदर्शन HTML-पृष्ठे क्षेत्रात योग्य ठिकाणी आहे, आणि एक विशिष्ट आकार आहे.

इनलाइन घटक सर्वसाधारणपणे पृष्ठ फाइल मध्ये नमूद केले, आणि स्क्रीन वर प्रदर्शित झाली होती, की आहे, एक धागा दिसतात. एकूण प्रवाह प्रदर्शन पृष्ठ लोड येते तेव्हा प्रभाव जाऊ शकते. स्थान, दृश्यमानता आणि ब्लॉक घटक इतर गुणधर्म वर JavaScript-कोड द्वारे कोणत्याही वेळी प्रभाव जाऊ शकते.

सोपे घटक व्यतिरिक्त, HTML टेबल आणि फॉर्म वर्णन देते. हे घटक मध्ये मागणी खूप आहेत "दररोज साइटवर इमारत."

टेबल वर्णन: टॅग सारणी धरतो, TD

सारणी टॅग सारणी तयार करण्यासाठी वापरले जाऊ शकते, तेव्हा टीडी पेशी अनेक सलग पंक्ती आणि टीआर एक संख्या निर्दिष्ट करा. संस्थेचे नेहमीच्या टेबल, ही घोषणा मर्यादित निसर्ग HTML-मार्कअप तक्त्याच्या संघटना झाल्यामुळे, तीव्रता मध्ये विकासक त्याच सर्व पंक्ती स्तंभांची संख्या, नंतर तो स्वत: साठी की पालन करणे आवश्यक आहे जे एक आयताकृती टेबल असेल तर कारण.

HTML च्या तत्त्वनिष्ठ स्थान: आहे जे काही करू, पण काहीही समजले नाही आहे. काही प्रकरणांमध्ये तो टेबल प्रत्येक ओळीत स्तंभांची संख्या म्हणून महत्वाचे नाही, पण आपण आडव्या किंवा उभ्या विलीन पेशी सुरू करू इच्छित असल्यास, तो अतिशय काळजीपूर्वक सर्व गणना करणे आवश्यक आहे.

एक साधी टेबल वर्णन उदाहरण HTML पृष्ठ हुबेहुब लेख मध्ये दाखविली आहे.

स्तंभ शीर्षलेख - येथे तीन स्तंभ तीन ओळी आकार दर्शवित आहे एक टेबल पहिल्या रांगेत टॅग व्या त्याऐवजी टीडी टॅग वापरले होते, आहे. विशेषतः या दोन टॅग नाही ओळखले, पण तो प्रथम टेबल पहिल्या ओळीत दरम्यान वेगळे वापर करणे शक्य आहे, आणि व्या करण्यासाठी CSS मध्ये, आपण इतर टीडी पासून तो distinguishes जी आपल्या स्वत: च्या शैली, संलग्न करू शकता.

वर्णन फॉर्म: फॉर्म टॅग, इनपुट

फॉर्म - हा HTML-टॅग सर्वात मागणी केली भाग आहे. फॉर्म चा वापर करून माहिती प्रसारित करू शकता. वास्तविक, पृष्ठ - हे प्रदर्शन माहिती, पण फॉर्म - इनपुट.

एक साधी फॉर्म वर्णन उदाहरण HTML पृष्ठ:

फॉर्म जास्त वापरते, परंतु मुख्य वैशिष्ट्ये खालीलप्रमाणे आहेत. आपण इनपुट फील्ड निर्देशीत करू शकता, आपण त्यांना वापरकर्ता इनपुट विश्लेषण साठी डिझाइन आणि कार्यक्रम हँडलर नियुक्त करणे आवश्यक आहे. तुम्ही लपलेले क्षेत्रात निर्देशीत आणि पृष्ठ पार्श्वभूमी माहिती प्रसारित करू शकता. आपण माहिती प्रसार बटण डेटा ट्रान्सफर प्रक्रिया सुरू दाबून नियुक्त करू शकता.

HTML वापरणे

हायपरटेक्स्ट भाषा जाणून घेण्यासाठी - इंटरनेट प्रोग्रामिंग क्षेत्रात कोणतेही काम विशिष्ट एक हक्क स्थिती, परंतु आपण PHP किंवा JavaScript मध्ये एक कार्यक्रम लिहू इच्छित असल्यास, नंतर मला माहीत आहे HTML + CSS उत्तम प्रकारे आवश्यक आहे.

कृपया PHP भाषा आधीच्या उदाहरणात ओळखले गेले आहे. हा फॉर्म एक पृष्ठ भरले फील्ड ब्राउझर सर्व्हर पासून सलग दुसरी कारण PHP, सर्व्हर चालते. विशेषतः, टॅग इनपुट (onblur कार्यक्रम हँडलर) मध्ये नमूद केलेल्या TestOnBlur कार्ये, मजकूर फील्ड स्वरूपात सर्व घटके मिळाला.

ब्राउझर JavaScript चालते, आणि योग्यरित्या सर्व्हर परत डेटा पाठवा बटण काम करण्यासाठी आहे की, डिझाइन :. onclick = jQuery ( '# करण्यासाठी') मूल्य ( 'कार्ट'), तो आवश्यक माहित नाही फक्त काय स्टाफ सदस्य आहे, पण काय #to, मूल्य, कार्ट. अधिक तंतोतंत, तो मूळ HTML टॅग आणि त्यांना CSS शैली अर्ज सामान्य नियम समजून घेणे आवश्यक आहे.

हे पटकन इंटरनेट प्रोग्रामिंग क्षेत्रात कोणत्याही विशेषीकरण पात्रता वाढवण्याची पुरेसे आहे.