HTML - हाइपरटेक्स्ट मार्कअप भाषा हामी थाहा र प्रेम रूपमा इन्टरनेट बनाएको छ कि। यो अद्भुत उपकरण साइटहरु धन्यवाद राम्रो र आधुनिक हेर्न र प्रयोगको सुविधाको प्रदान गर्दछ। HTML बस एक प्रयोगकर्ता-अनुकूल विकल्प मा एक वेब पेज को तत्व भेला गर्छन्। आफ्नो काम भन्ने तथ्यलाई तुलना छ पाठ सम्पादक जस्तै एमएस शब्द वा ओपनअफिस रूपमा। तिनीहरूले अनुच्छेद, बोल्ड पाठ, ढल्किएको, टेबल, र पनि तस्बिरहरू छ कागजातमा पत्र को एक faceless ठूलो बारी। लगभग एउटै कुरा यसको कागजातहरू ब्राउजरमा प्रदर्शन गर्दै छन्, र यो उपकरणको सम्भावनाहरू पाठ सम्पादक भन्दा धेरै व्यापक छ हुनुको मात्र फरक संग, बनाउँछ HTML। एक वेब पेज संरचना वर्णन विशेष आदेशहरू - ट्याग अंकन लागि प्रयोग। ब्राउजर पाठ को कुल ठूलो तिनीहरूलाई छुट्याउन सक्छ <ट्याग> - तिनीहरूले कोण कोष्ठक मा संलग्न छन्। अर्को हामी शुरुआती लागि HTML को मूल कुराहरू हेर्न हुनेछ।

दृश्य सम्पादक

शुरुआती मात्र HTML को अध्ययन लागि बाटो फर्श, अक्सर कुनै पनि ज्ञान बिना वेबसाइट सिर्जना गर्न कार्यक्रम आफ्नो काम सुरु। तिनीहरूले ब्राउजरमा देखिने तिनीहरूले बस स्क्रिनमा आइटम गर्न सक्नुहुन्छ। यो जस्तो थियो यहाँ यसलाई छ - अनन्त अनुग्रहको स्रोत, वेब विकासकर्ताहरूले को सबै भन्दा को छुटकारा प्राप्त गर्न अनुमति दिन्छ। तर यति सरल छैन, भिजुअल सम्पादकहरूले बनाउन धेरै कमीकमजोरी छन् किनभने यो असम्भव तिनीहरूलाई गम्भीर परियोजनामा प्रयोग गर्न।

यी कार्यक्रम पृष्ठ को अन्तिम संस्करण बोझिल र suboptimal बनाउन अनावश्यक ट्याग धेरै सिर्जना गर्नुहोस्। निस्सन्देह, उच्च गतिको इन्टरनेट को यो उमेर मा विगतमा भन्दा कम महत्व यो छ, तर त्यहाँ एक संक्षिप्त र राम्रो-लिखित वेबसाइट किन यसको समकक्ष, भिजुअल सम्पादक सिर्जना भन्दा बढी व्यावहारिक छ कारण एक नम्बर हो। यस्तो कार्यक्रम बनेको वेब पेज नराम्ररी शायद स्वाद उनलाई छ जनक त्रुटिहरू एक गुच्छा संग कोड र दुष्कर र असंगत कोड को हरेक किलोबाइट्स तिनीहरूलाई महत्त्वपूर्ण रूपमा खोज इन्जिन द्वारा उपचार गरिनेछ। साथै, सम्पादक अक्सर पटक पछि, अप्रासंगिक, र किनभने कुनै पेशेवर यी उत्पादनहरू प्रयोग गर्नेछ आफ्नो विकास अव्यावहारिक छ मा स्रोतहरू खर्च गर्न। तसर्थ, साइटहरु सिर्जना मा काम गर्न चाहने जो कोहीले, HTML को मूल कुराहरू थाहा हुनुपर्छ।

ट्याग

माथि उल्लेख रूप मा, ट्याग वेब ब्राउजर पृष्ठ को संरचना वर्णन। तिनीहरूलाई को भन्दा खोल्ने र बन्द ट्याग छ, तर सबै छैन। उदाहरणका लागि, <शीर्षक> ... , सामग्री अंक सट्टा जहाँ छ। ट्याग सुरु जहाँ यी शो को पहिलो र दोस्रो यो बन्द गर्छ। भित्र अन्य तत्व पृष्ठ लेआउट मा हुन सक्छ तिनीहरूले नेस्टिङ गुडिया जस्तै नीडिंत हुन सक्छ। यहाँ यो पृष्ठ सही प्रदर्शित हुन्छ कि ट्याग बन्द गर्न महत्वपूर्ण छ।

एकल ट्याग, बन्द गर्न आवश्यक नगर्ने पनि छन्। तिनीहरूलाई यो भित्र थियो, साथै विशेषताहरु। विशेषता HTML-ट्याग सबैभन्दा लागि स्थापित र तत्व को गुण सेट गर्न सकिन्छ। यो खोल्ने ट्याग मा डिजाइन गरिएको छ यो जस्तो देखिन्छ: विशेषता = "...", अंक सट्टा जहाँ विशेषता मूल्य छ। ट्याग ज्ञान HTML को विकास को लागि पहिलो र सबैभन्दा महत्त्वपूर्ण कदम हो। यो कला मूल कुराहरू पनि वेब पेज संरचना को समझ नबुझाउन।

कागजात संरचना

प्रत्येक HTML कागजातको उदाहरण, index.html लागि संवाददाता विस्तार, छ। त्यसैले ब्राउजर आफूले गर्न छ के बुझ्न सक्छौं र सही एक पृष्ठ प्रदर्शन। सबै साइट सिर्जना गर्न प्रयोग फाइलहरू, यो भविष्यमा निकै आफ्नो जीवन सुख भन्ने नै निर्देशिका मा राख्न उचित छ। हाइपरनेट मार्कअप भाषा HTML को नींव कागजात को संरचना को स्पष्ट समझ समावेश। यो ट्याग साथ सुरु हुन्छ , यस कागजातमा प्रयोग गरिन्छ, HTML, को ब्राउजर संस्करण बताउँछ। क्षणमा, भाषा को सामयिक पाँचौं संस्करण, त्यसैले केहि आविष्कार गर्न कुनै आवश्यकता छ, हामी सुरक्षित कुनै पनि पृष्ठको माथि माथिको ट्याग सम्मिलित गर्न सक्नुहुन्छ।

त्यसपछि साइट को "कंकाल" constituting, मुख्य जोडी संरचना जानुहोस्। जसमा पहिलो ट्याग सबै बाँकी राख्न - ... । यो खुल्छ र कागजात बन्द भनेर बाहिर छ कि सबै, वेब पृष्ठ रूपमा ब्राउजरले, मान्यता छैन। कुनै पनि कागजात लागि यो ट्याग आवश्यक छ। यो पनि तल छलफल गरिने धेरै अनिवार्य ट्याग, समावेश छन्।

टाउको

भित्र ट्याग <टाउको> ... समावेश एक प्राविधिक प्रकृति, पृष्ठ प्रदर्शित जो गरिने छैन, तर तैपनि, कागजात HTML को एक महत्वपूर्ण भाग हो को जानकारी। यो ठाउँमा राखे साइट सूचना, चयन र पृष्ठको नाम को इन्कोडिङ मा शुरू छन्। यो अनिवार्य ट्याग <शीर्षक> ... भित्र समावेश गरिएको छ। यसलाई आफ्नो ब्राउजर, जहाँ तपाईं पनि पृष्ठ सामग्री को लागि एउटा सानो प्रतिमा गर्न सक्नुहुन्छ माथि नाम प्रर्दशन गर्दछ। यसलाई तुरुन्तै यसको सही प्रदर्शन को लागि कागजात इन्कोडिङ निर्दिष्ट गर्न उचित छ। यो ट्याग <मेटा वर्णहरु = "-8" /> संग गर्न सकिन्छ। पृष्ठहरूमा मेटा डाटा संरचना प्रदान गर्न र सामान्यतया टाउको भित्र अवस्थित छन्।

लिङ्क

HTML को मूल ज्ञान पनि क्यासकेडिङशैलीपाना शैलीहरू, वा CSS को प्रयोग पनि समावेश छ। तिनीहरूले पृष्ठमा प्रदर्शन गरिने तत्व को गुण सेट। यो समस्याको आधुनिक दृष्टिकोण थपियो सुविधाको लागि बाह्य फाइल रंग, उचाइ र वस्तुको स्थान जस्ता विशेषताहरु को कर, समावेश छ। सीएसएस-फाइल ट्याग <लिंक /> प्रयोग जडान गर्न। समाप्त फारममा, यो जस्तै केहि देखिन्छ: <लिंक href = http: // साइट /article/250376/%E2%80%9Dstyle.css%E2%80%9D प्रकार = "text / CSS" />, href संकेत जो यसको प्रकार मा - फाइल र प्रकार को स्थान मा।

शरीर

यो पृष्ठको देखिने भाग द्वारा सिर्जना गरिएको HTML-कागजात यस भाग हो। सबै "शरीर" भित्र गरिन्छ ब्राउजर द्वारा प्रदर्शित हुनेछ। को <शरीर> मा HTML ट्याग एक विशाल रकम प्रयोग। मूल कुराहरु - यो पाठ ढाँचा, लिंक र एउटा वेब पेज संरचना लागि सरल उपकरण काम। , HTML मा काम गर्न आधारभूत ट्याग थाहा र तिनीहरूलाई प्रयोग गर्न सक्षम हुन पर्याप्त प्राप्त गर्न। तल लोकप्रिय हुन्छन्:

• -, एक सव निकाल्न एक विशेष शैली, CSS मा वर्णन तोकिएको गर्न प्रयोग गरिन्छ;
• - एक वेब पेज मा लिंक सिर्जना गर्दछ; हाम फाल्न ठेगाना विशेषता href निर्दिष्ट गरिएको छ;
• - सबैभन्दा लोकप्रिय आधुनिक ट्याग एक; यो एक ब्लक तत्व, आजको वेबसाइट (ब्लक लागि मापदण्डहरू

  CSS मा सेट, र अन्य एकाइहरु यो ट्याग भित्र राखिएको गर्न सकिन्छ) को सिंहको शेयर आधारमा बनेको छ जो किनभने विशेष ध्यान, यो तिर्न गर्नुपर्छ भाषा HTMLl को मूल कुराहरू सिक्न निर्णय जो कोहीले;

• - पाठ को एक अनुच्छेद चयन; को अनुच्छेद सामग्रीहरू खोल्ने र बन्द ट्याग बीच स्थित छ;

• - एक संख्यात्मक सूची, तत्व जो ट्याग जोडी रूपमा छन्
  1. ;
  2. - एक बुलेट सूची, , साथै संख्यात्मक तत्व मा ट्याग द्वारा denoted जुन
     • ;

     • -

       - कागजात हेडर (- मुख्य शीर्षक, र पछि भेरिएसनहरूमा खैर, यसको उपशीर्षक हो, हेडर स्तर

       इन्टरनेटमा खोज्न असम्भव छ आंकडा हेडर, अर्थात्

       को स्तर दर्साउँछ) यो पृष्ठ केवल एक हेडर हुन सक्छ कि सम्झना गर्न महत्त्वपूर्ण पनि छ

       ;

     • - बोल्ड पाठ;
     • <एम> - Italic;
     • - वेब पेज (यो बन्द गर्न आवश्यक छैन, तर यो एउटा तस्बिरको लागि पाठ निर्दिष्ट जो alt विशेषता, निर्दिष्ट गर्न आवश्यक छ एक ट्याग छ,) मा तस्वीर सम्मिलित;
     • <भिडियो> - एक वेब पेज मा एक भिडियो सम्मिलित;
     • <अडियो> - ट्याग कागजात अडियो फाइल सम्मिलित छ।

     यो सबै आफ्नो वेब पृष्ठ सिर्जना गर्न आवश्यक ट्याग छ, तर तिनीहरूले शुरुआती लागि HTML को नींव राख्नु पर्याप्त छन्।

     CSS

     HTML भाषा विकास प्रत्येक ट्याग obzavolsya वजन विशेषताहरू भन्ने तथ्यलाई गर्न नेतृत्व गरेको छ, र वेब पृष्ठ को उपस्थिति को लागि आवश्यकताहरु पर्याप्त वृद्धि हुनुको अर्थ के। कोड यो, यो पढ्न एक्लै अनुकूल वा परिवर्तन गर्न कठिन थियो, बोझिल र असुविधाजनक भएको छ। यसबाहेक, त्यसपछि आफ्नो साइट शीर्षकहरू धेरै, हरियो मा चिह्नित जो मा दस पृष्ठ, यदि हरेक हात परिवर्तन, पसिना छ, र तपाईं अचानक तिनीहरूलाई लाल बनाउन चाहन्थे। क्यासकेडिङशैलीपाना पानाहरू को आगमन संग, यो प्रक्रिया सरल र तार्किक भएको छ, र HTML-कोड अधिक पठनीय बनेको छ।

     लागू CSS

     वेब पृष्ठहरू सिर्जना गर्न, तपाईंले HTML र CSS को मूल कुराहरू थाहा हुनुपर्छ, त्यसैले यसलाई केही छ यस क्षेत्रमा गर्न क्यासकेडिङशैलीपाना पानाहरू को ज्ञान बिना अहिले छ। तिनीहरूले सम्पूर्ण कागजात लागू जो प्रत्येक तत्व लागि विशेषताहरु, सेट। यसरी, तपाईं रंग एक पटक सबै

     तत्व वा लागि, केवल एक नियम लेखन सेट गर्न सक्नुहुन्छ। दिइएको वेब पृष्ठ को उपस्थिति को लागि वर्तमान आवश्यकताहरु, क्यासकेडिङशैलीपाना पाना प्रयोग अवश्य छ।

     कागजात गर्न CSS फाइल जडान गर्न, त्यहाँ ट्याग लिङ्क हो। अलिकति माथि यो यसको प्रयोग सिद्धान्त वर्णन, तर यो मात्र विकल्प एक ठाउँमा सबै शैलीहरू संयोजन छैन। त्यहाँ ट्याग <शैली>, कागजात को "टाउको" मा स्थित र तपाईं CSS फाइलहरू प्रयोग बिना शैलीहरू दर्ता गर्न अनुमति दिन्छ जो छ। आवश्यक कुनै एक विधि वा अर्को प्रयोग गर्न। तिनीहरूले सफलतापूर्वक सबै भन्दा राम्रो परिणाम उत्पादन गर्न संयुक्त गर्न सकिन्छ। शैली पानामा फाइल सिर्जना गर्न, जस्तै, एक फाइल विस्तार .CSS संग सिर्जना गर्न Styles.css आवश्यक छ।

     जाभास्क्रिप्ट

     अक्सर वेब पृष्ठहरू विकास सुरु गर्न निर्णय गरेको छ जो व्यक्ति, आफ्नो कार्य HTML द्वारा प्रस्तावित धन को पर्याप्त छैन भनेर बुझ्छ। आधारभूत सुन्दर पृष्ठ सिर्जना गर्नेछ, तर तपाईं अचानक अन्तरक्रियात्मक बनाउन आवश्यक भएमा के? यी उद्देश्यका लागि, HTML संग राम्रो तरिकाले पारस्परिक एक अद्वितीय परिदृश्य कार्यक्रम भाषा छ। किनभने यो लोकप्रिय Java भाषा को एक भाइ रूपमा गर्भधारण थियो यो, जाभास्क्रिप्ट भनिन्छ। आज यी भाषाहरू महत्वपूर्ण मतभेद मिल्यो, र तिनीहरूलाई बीच अंतर मात्र बढ्छ।

     जाभास्क्रिप्ट यो तपाईं सिर्जना गर्न र ट्याग सम्पादन गर्न अनुमति दिन्छ, HTML बल गर्न सक्नुहुन्छ। यस अद्भुत उपकरण को मदत पाएर तपाईं HTML क्षमताहरु अनुमति भन्दा साइट थप अन्तरक्रियात्मक बनाउन पृष्ठ पुन: लोड बिना सर्भरबाट डाटा डाउनलोड, Cokie संग काम गर्न सक्छन्। यो भाषा र सुरक्षा संग सम्बन्धित छन् भनेर सीमितता छ। जाभास्क्रिप्ट सर्भर पक्षमा प्रयोग गरिएको छैन भने, यसलाई आफ्नो क्षमता सीमित छ कि अवस्था मा, आक्रमणकारीहरूले कुनै पनि कम्प्युटरमा खराब कोड प्रयोग सक्ने गरिनेछ।

     सम्पादक

     शुरुवात लागि HTML Basics वेब पृष्ठहरू बनाउनको लागि सबैभन्दा सुविधाजनक र व्यावहारिक कार्यक्रम को ज्ञान मान। माथि वर्णन यस्ता Dreamweaver र जस्तै रूपमा दृश्य सम्पादक, यी उद्देश्यका लागि उपयुक्त हो। त्यसैले, एक सामान्य नोटबुक मा ट्याग लेख्न? यो विकल्प एक मानक नोटबुक लेआउट लागि कुनै विशेष उपकरण छैनन् देखि, शङ्कास्पद पनि छ। यो कार्य राम्रो नोटप्याड ++ सामना गर्न सक्छ। यो उत्पादन एक ठूलो प्लस यसलाई खुला स्रोत छ र नि: शुल्क वितरण गरिएको छ भन्ने छ। यसलाई त्यहाँ एक सुविधाजनक वाक्यसंरचनाहाइलाइटिङ र स्वतः बन्द ट्याग छ। नोटप्याड ++ पनि इन्टरफेस भाषाहरूको एक विस्तृत र सजिलै धेरै थपिएको को मद्दतले विस्तार गर्न यसको क्षमता प्रदान गर्दछ।

     उदात्त पाठ 3 - नोटप्याड ++ समान एक कार्यक्रम, तर शुल्क आधारमा सर्छ। त्यो त्यो भन्दा विकासकर्ताहरूले हृदयमा जित्यो। जाभास्क्रिप्ट, CSS र HTML का लागि उदात्त पाठ 3 आदर्श। यो काम को मूल कुराहरु आफ्नै सिक्न छ, तर यो लायक छ। यसलाई आफ्नो आवश्यकता फिट गर्न कार्यक्रम समायोजन maximizes कि ठीक-मिलाउने लागि साँच्चै अपार सम्भावनाहरू छन्।

     HTML को मूल कुराहरू र शुरुआती लागि CSS

     तपाईं देख्न सक्नुहुन्छ रूपमा, वेब पृष्ठ सिर्जना कला त गाह्रो छैन सिक्न यो पहिलो नजर मा देखिन्छ रूपमा। केही महिना व्यावहारिक प्रशिक्षण तपाईं विकासकर्ता एक काँतर साईट प्रयोगकर्ता देखि हुनेछ। कुनै पनि कार्यक्रम भाषा वा लिनक्स सिक्न भन्दा धेरै सजिलो सिक्न Vorstke। वास्तवमा, HTML ट्याग छैन धेरै आफ्नो अनुप्रयोगको व्यावहारिक पक्षहरू बुझ्न महत्त्वपूर्ण छन्।

     यो व्यवसाय मा amiss नगर्नुहोस् मा Adobe Photoshop काम कौशल छ। यो कार्यक्रम तस्बिरहरू, चित्र र वेब पृष्ठ को अन्य ग्राफिक तत्व काम गर्न अनुमति दिन्छ। यस्तो समस्या सामना गर्न सबै भन्दा राम्रो छ क्षण यसलाई "Photoshop" मा, प्रतियोगिहरु थोडा थियो। यस कम्पनीको एडोब उत्पादन भएकाहरूलाई आफ्नो लिङ्कमा छैन आए लागि, त्यहाँ Lightroom, गिम्प GenericName, व्याख्याता र समान कार्यहरु अन्य कार्यक्रम।

     त्यो HTML को ज्ञान दिन्छ

     वेब पृष्ठहरू बनाउदा कौशल धेरै सान्दर्भिक इन्टरनेट leaps र सीमा द्वारा विस्तार छ रूपमा, आज छ। हरेक उद्यम, कुनै पनि, पनि सानो दोकान, कार्यशालाओं र खेल क्लब - सबै आफ्नो वेबसाइटमा गर्न चाहन्छु। र पाठ्यक्रम, यो तिनीहरूले CSS र HTML मालिक जो एक डेभलपर आवश्यक छ। सिक्न, र त्यसपछि यो अभ्यास सम्म छ मूल कुराहरु सजिलो। लेआउट प्रविधि निरन्तर विकसित गरिएको छ, अगाडि-अन्त विकासकर्ताहरू सधैं मांग गर्दै छन्। यो रोमाञ्चक उद्योग आफूलाई समर्पित गर्न निर्णय जो कोहीले, काम बिना कहिल्यै हुनेछ।