कोणते टॅग html पृष्ठाची रचना ठरवतात. HTML भाषेचे नियम

विंडोजसाठी 27.05.2019
चेरचर

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

HTML म्हणजे काय?

HTML म्हणजे हायपरटेक्स्ट मार्कअप लँग्वेज. साइट पृष्ठांवर हायपरटेक्स्ट कसे प्रदर्शित केले जाईल यासाठी ही भाषा जबाबदार आहे. आता जाणून घेऊया हायपरटेक्स्ट म्हणजे काय? हे गुपित नाही की एका वेब पृष्ठावर अनेक प्रकारची माहिती असू शकते, मग ती मजकूर असो, काही तक्ते, आलेख, व्हिडिओ, ऑडिओ इ. तर, या सर्व माहितीला एका शब्दात म्हटले जाऊ शकते - हायपरटेक्स्ट.

लक्षात घ्या की HTML ही एक मार्कअप भाषा आहे, प्रोग्रामिंग भाषा नाही. या भाषेत कोणतीही तार्किक कार्ये नाहीत आणि त्यात कोणतीही गणिती गणना करणे अशक्य आहे. HTML पृष्ठांमध्ये .html किंवा .htm विस्तार असतो आणि ब्राउझरद्वारे प्रक्रिया केली जाते - IE, Mozilla Firefox, Google Chrome, Yandex Chrome, Opera, इ.

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

HTML दस्तऐवज संरचना

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

सर्व वर्डप्रेस फंक्शन्स क्लासिक एचटीएमएल मार्कअपमध्ये ठेवल्यास तुम्ही पाहू शकता. एक दस्तऐवज प्रकार आहे:

जोडलेले टॅग,

टॅग उघडत आहे.

क्लोजिंग टॅग footer.php फाइलमध्ये आढळू शकतो.

वर्डप्रेस साइट पृष्ठाचा HTML कोड कसा पाहायचा

तुम्ही साइट एडिटरमध्ये जे काही लिहिता, लेख किंवा पेज तयार करता, ते साइटच्या HTML पेजचा फक्त एक भाग आहे. हे पृष्ठाचे संपूर्ण शरीर देखील नाही.

वर्डप्रेस साइट पृष्ठाचा एचटीएमएल कोड पाहण्यासाठी, आणि हे खूप वेळा आवश्यक आहे, आपल्याला आवश्यक आहे:

ब्राउझरमध्ये पृष्ठ उघडा;

इंग्रजी कीबोर्ड फॉन्टवर स्विच करा;

खालील बटणे दाबा:

  • Chrome: Ctrl+U
  • ऑपेरा: Ctrl+U
  • Mozilla: Ctrl+U

कदाचित तुम्हाला अजून माहित नसेल की याची गरज का आहे. माझ्यावर विश्वास ठेवा, तुम्हाला तुमच्या साइटचे आणि संभाव्यतः स्पर्धकांच्या साइटचे विश्लेषण करण्यासाठी एकापेक्षा जास्त वेळा याची आवश्यकता असेल.

निष्कर्ष

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

आज आपल्याला HTML दस्तऐवज तयार करण्याची रचना शिकायची आहे, जरी आपण "" लेखात ते आधीच अनुभवले आहे. त्यात लिहिलेले टॅग लक्षात ठेवूया:
, , , .
हे सर्व टॅग जोडलेले आहेत, कंटेनर बंद करतात जे HTML दस्तऐवजाची रचना तयार करतात. ते html कोडचा आधार बनतात. त्यांना "आवश्यक टॅग" देखील म्हटले जाते, परंतु तुम्ही ते समाविष्ट न केल्यास, तुम्हाला कोडमध्ये त्रुटी येईल. नाही. काहीही होणार नाही. दस्तऐवज कोड कार्य करेल. परंतु, html पृष्ठाची रचना पाहण्यासाठी, कुठे काय आणि कुठे काय घालायचे हे समजण्यासाठी अनिवार्य टॅग आवश्यक आहेत.
स्पष्टतेसाठी, खालील आकृतीचा विचार करा, स्क्रीन 1. उजवीकडे


स्क्रीन १.

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


स्क्रीन 2.

जेथे ते उदाहरण म्हणून Mozilla Firefox ब्राउझर वापरून दाखवले आहे. आवश्यक क्लोजिंग टॅग, कोणतेही गुणधर्म नाहीत. टॅग स्थानासाठी वाक्यरचना स्क्रीन 3 वर दृश्यमान आहे. दुव्यावर क्लिक करून आपण योग्यरित्या कसे ऑप्टिमाइझ करावे ते शोधू शकता.



आम्ही वाचण्याची शिफारस करतो

वर