എച്ച്ടിഎംഎൽ എന്റർമെന്റിനെ ഒരു HTML ടാഗിൽ എന്താണ് ഉൾപ്പെടുത്തേണ്ടത്?

ഈ രണ്ട് നിബന്ധനകൾ തമ്മിലുള്ള വ്യത്യാസം ഉണ്ട്

വെബ് ഡിസൈൻ, ഏതു വ്യവസായമോ അല്ലെങ്കിൽ തൊഴിൽയോ പോലുള്ള ഭാഷയ്ക്ക് ഒരു ഭാഷയുണ്ട്. നിങ്ങൾ വ്യവസായത്തിൽ പ്രവേശിച്ചുകൊണ്ട് നിങ്ങളുടെ സഹപാഠികളോട് സംസാരിക്കുന്നതിന് മുമ്പ്, നിങ്ങൾക്ക് സംശയമൊന്നുമില്ലാത്ത പുതിയ പദങ്ങളിലേക്കും ശൈലികളിലേക്കും കടന്നുവരുന്നു, എന്നാൽ നിങ്ങളുടെ സഹ വെബ് പ്രൊഫഷണലുകളുടെ നാവിനൊപ്പം. നിങ്ങൾ കേൾക്കുന്ന രണ്ട് പദങ്ങൾ HTML "ടാഗ്", "എലമെൻറ്" എന്നിവയാണ്.

ഈ രണ്ടു പദങ്ങളും നിങ്ങൾ കേൾക്കുമ്പോൾ, അവർ പരസ്പരം ആശയവിനിമയം നടത്തുന്നുവെന്ന് നിങ്ങൾ മനസ്സിലാക്കിയേക്കാം. പുതിയ HTML പ്രൊഫഷണലുകൾക്ക് HTML കോഡ് ഉപയോഗിക്കുമ്പോൾ തുടങ്ങുന്ന ഒരു ചോദ്യം "ഒരു HTML ടാഗും HTML എലവും തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?"

ഈ രണ്ട് പദങ്ങൾക്കും സമാനമായ അർത്ഥങ്ങളാണെങ്കിലും, അവ ശരിക്കും സമന്വയിക്കുന്നില്ല. അപ്പോൾ ഈ രണ്ട് പദങ്ങളുമായി സാദൃശ്യമെന്താണ്? ഹ്രസ്വ ഉത്തരം, ടാഗുകളും ഘടകങ്ങളും HTML എഴുതുന്നതിന് ഉപയോഗിക്കുന്ന മാർക്ക്അപ്പിനെ സൂചിപ്പിക്കുന്നു എന്നതാണ്. ഉദാഹരണമായി, ഒരു ഖണ്ഡിക അല്ലെങ്കിൽ > ലിങ്കുകൾ സൃഷ്ടിക്കാൻ ഘടകം നിർവചിക്കാൻ നിങ്ങൾ

ടാഗ് ഉപയോഗിക്കുന്നത് നിങ്ങൾ പറഞ്ഞേക്കാം. പല ആളുകളും വാക്കുകളും ടാഗും പരസ്പരം ഉപയോഗിക്കാറുണ്ട്, നിങ്ങൾ പറയുന്നതെന്താണെന്ന് നിങ്ങൾ പറയുന്നതോ ആകട്ടെ, ഏതെങ്കിലും വെബ് ഡിസൈനറായോ ഡവലപ്പർമാരോ നിങ്ങൾ മനസ്സിലാക്കും, എന്നാൽ യാഥാർത്ഥ്യമാണ് രണ്ട് നിബന്ധനകളും തമ്മിൽ ചെറിയ വ്യത്യാസം.

HTML എന്നത് ഒരു മാർക്ക്അപ്പ് ഭാഷയാണ് , അതായത് ഒരു വ്യക്തിയാൽ വായിക്കാൻ കഴിയാത്ത കോഡുകൾ ഉപയോഗിച്ചാണ് അത് ആദ്യം കംപൈൽ ചെയ്യാൻ ആവശ്യപ്പെടാതെ എഴുതിയത്. മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ, ഒരു വെബ് പേജിലെ വാചകം ഈ കോഡുകൾ ഉപയോഗിച്ച് "അടയാളപ്പെടുത്തിയിരിക്കുന്നു", പാഠം എങ്ങനെ പ്രദർശിപ്പിക്കാമെന്നതിനെപ്പറ്റിയുള്ള വെബ് ബ്രൌസർ നിർദ്ദേശങ്ങൾ നൽകും. ഈ മാർക്ക്അപ്പ് ടാഗുകൾ HTML ടാഗുകളാണ്.

നിങ്ങൾ HTML എഴുതുകയാണെങ്കിൽ, നിങ്ങൾ HTML ടാഗുകൾ രചിക്കുന്നു. എല്ലാ HTML ടാഗുകളും ഇനിപ്പറയുന്നവയുൾപ്പെടെ പല നിർദ്ദിഷ്ട ഭാഗങ്ങളിൽ നിന്നാണ് നിർമ്മിച്ചിരിക്കുന്നത്:

• ഒരു കുറവു ചിഹ്നം <
• ഏത് പദമാണ് എഴുതുന്നത് എന്ന് ഒരു വാക്ക് അല്ലെങ്കിൽ കഥാപാത്രം
• ഒരു പേര് = "മൂല്യം" ജോടിയാക്കലിൽ ഓപ്ഷണൽ HTML ആട്രിബ്യൂട്ടുകൾ എത്ര വേണമെങ്കിലും
• ഒടുവിൽ ഒരു വലിയ പ്രതീതി>

ഉദാഹരണത്തിന്, ചില HTML ടാഗുകൾ ഇവിടെയുണ്ട്:

ഇവ എല്ലാ HTML തുറക്കുന്ന ടാഗുകളുമാണ്, ഇവയിലേക്ക് ഏതെങ്കിലും ഓപ്ഷണൽ ആട്രിബ്യൂട്ടുകൾ ചേർക്കാതെ തന്നെ. ഈ ടാഗുകൾ പ്രതിനിധീകരിക്കുന്നു:

• - ഒരു ഖണ്ഡിക നിർവ്വചിക്കുന്നു.

• - HTML ആയി HTML പേജ് നിർവ്വചിക്കുന്നു
• - ഒരു ഡിവിഷൻ നിർവ്വചിക്കുന്നു.

ഇനിപ്പറയുന്ന HTML ടാഗുകളും ഇവയാണ്:

• ഈ ഉദാഹരണങ്ങളെല്ലാം തുറക്കുന്ന HTML ടാഗുകളിലേക്ക് ചേർത്തിട്ടുള്ള ആട്രിബ്യൂട്ടുകൾ ഉൾപ്പെടുന്നു.

  • ഒരു ആട്രിബ്യൂട്ട് ഉൾക്കൊള്ളുന്ന ഒരു പട്ടികയാണ് ഐഡി ആട്രിബ്യൂട്ട്
    • വിഭാഗത്തിന് ഒരു ക്ലാസ് ആട്രിബ്യൂട്ട് ഉണ്ട്
    • ആങ്കർ, അല്ലെങ്കിൽ ലിങ്ക്, എലമെൻറ് "href" ആട്രിബ്യൂട്ട് എന്നിവ ഉൾപ്പെടുന്നു
    • "Src" ആട്രിബ്യൂട്ട് ഉള്ള ഇമേജ് ടാഗും

    ആങ്കർ, ഇമേജ് ടാഗുകൾക്ക്, ആട്രിബ്യൂട്ടുകൾ യഥാർത്ഥത്തിൽ ഓപ്ഷണലല്ല, ആ ടാഗുകൾ ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന് ഇവ ആവശ്യമാണ്. എവിടെ പോകണമെന്നറിയണം ലിങ്ക് ("href" എന്താണ്), എന്താണ് കാണിക്കേണ്ട ഇമേജ് ("src" ആട്രിബ്യൂട്ട് നൽകുന്നു).

    എന്താണ് HTML ഘടകങ്ങൾ

    W3C എച്ച്ടിഎംഎൽ സ്പെസിഫിക്കേഷൻ അനുസരിച്ച്, ഒരു ഘടകമാണ് എച്ച്.ടി.യുടെ അടിസ്ഥാന കെട്ടിട ബ്ലോക്ക്. സാധാരണയായി രണ്ടു ടാഗുകൾ ചേർക്കുന്നു : തുറക്കുന്ന ടാഗും ക്ലോസിംഗ് ടാഗും. ഇതുവരെ തുറക്കുന്ന ടാഗുകൾ മാത്രമേ ഞങ്ങൾ നോക്കിയുള്ളൂ. ആ ഘടകം അവസാനിപ്പിക്കാൻ, നിങ്ങൾ ക്ലോസിംഗ് ടാഗുകൾ എഴുതുക.

    ഉദാഹരണത്തിന്, ഖണ്ഡിക ഘടകത്തിനായി നിങ്ങൾ ഇത് എഴുതുന്നു:

    ഒരു നിമിഷം മുന്പ്, അത് അടക്കുന്ന ടാഗും ഞങ്ങൾ കണ്ടുതുടങ്ങിയ തുറന്ന ടാഗ് ഉണ്ടാക്കിയതാണ്. അടയ്ക്കുന്ന ടാഗുകൾ യഥാർഥത്തിൽ ആവർത്തിക്കുന്ന ടാഗുകൾ മാത്രമാണ്, പക്ഷേ "ഫോർവേഡ് സ്ളാഷ്" എന്നതിനൊപ്പം "ചിഹ്നത്തിനുമപ്പുറം" എന്നതിന് ശേഷം നേരിട്ട് ചേർത്തു.

    മിക്കവാറും എല്ലാ HTML ഘടകങ്ങൾക്കും ഒരു ഓപ്പൺ ടാഗും ഒരു ക്ലോസിംഗ് ടാഗും ഉണ്ട്. ഈ ടാഗുകൾ വെബ് പേജിൽ ദൃശ്യമാകുന്ന വാചകം ചുറ്റുന്നു. ഉദാഹരണത്തിന്, ഒരു ഖണ്ഡിക എഴുതുക, പേജിൽ പ്രദർശിപ്പിക്കാനായി നിങ്ങൾ ടെക്സ്റ്റ് എഴുതുക, എന്നിട്ട് ഈ ടാഗുകൾ ഉപയോഗിച്ച് ചുറ്റുക:

    നിങ്ങൾ വെബ് പേജിൽ പ്രദർശിപ്പിക്കാൻ താൽപ്പര്യപ്പെടുന്ന ഖണ്ഡികയുടെ ടെക്സ്റ്റ് എഴുതാൻ ഇതെവിടെയാണ്.

    ചില HTML ഘടകങ്ങൾക്ക് ക്ലോസിംഗ് ടാഗ് ഇല്ല. ഇതിനെ "ശൂന്യമായ മൂലകങ്ങൾ" എന്ന് വിളിക്കുന്നു. ചിലപ്പോൾ, അവ " ഓപ്ടൺ " അല്ലെങ്കിൽ "വല്ലാത്ത" ഘടകങ്ങൾ എന്നും വിളിക്കുന്നു. ശൂന്യമായ ഘടകങ്ങൾ ഉപയോഗിക്കാൻ എളുപ്പമാണ് കാരണം നിങ്ങൾ നിങ്ങളുടെ വെബ് പേജിൽ ഒരു ടാഗും ഉൾപ്പെടുത്തണം, ബ്രൗസർ എന്തുചെയ്യണമെന്ന് അറിയാൻ കഴിയും. ഉദാഹരണത്തിന്, നിങ്ങളുടെ പേജിൽ ഒരു ലൈൻ ബ്രേക്ക് ചേർക്കുന്നതിന് നിങ്ങൾ
    ലോഗോ ഉപയോഗിക്കും.

    ഓപ്പണിംഗ് ടാഗിൽ ഉൾക്കൊള്ളുന്ന മറ്റൊരു സാധാരണ എലമെന്റ് "ഇമേജ്" ഘടകം മാത്രമാണ്. ഉദാഹരണത്തിന്:

    ഈ ഉദാഹരണം ഞങ്ങൾ നേരത്തെ കണ്ടതാണ്, പക്ഷെ ഈ ചിത്ര ഘടകത്തിന് ക്ലോസിംഗ് ടാഗ് ഇല്ല. "Href" ആട്രിബ്യൂട്ടിൽ റഫറൻസായ ഇമേജിനൊപ്പം ബ്രൗസർ ഈ കോഡ് മാറ്റിസ്ഥാപിക്കും. ഈ സാഹചര്യത്തിൽ, അത് "logo.png" ആയിരിക്കും.

    പൊതുവേ, ഞാൻ ഒരു HTML എലമെന്റോ ടാഗുകളോ കാണുമ്പോൾ, മൂലകത്തിന്റെ എല്ലാ ഭാഗങ്ങളും ഞാൻ സൂചിപ്പിക്കുന്നു എന്ന് സൂചിപ്പിക്കുന്നതിന് "മൂലരൂപം" എന്ന പദം ഞാൻ ഉപയോഗിക്കും (തുറക്കുന്നതും അടയ്ക്കുന്നതുമായ ടാഗുകൾ). ഞാൻ ഒരു "ടാഗെ" ആണ് ഉപയോഗിക്കുന്നത്. ഈ രണ്ട് വാക്കുകളുടെയും ശരിയായ ഉപയോഗം ആണ്, അവ ശരിയായി ഉപയോഗിക്കാൻ നിങ്ങൾ അവരെ പ്രോത്സാഹിപ്പിക്കുന്നു - പക്ഷേ നിങ്ങൾക്കറിയാമോ അവ ഒരു കുറച്ചുകൂടി കൈമാറ്റം ചെയ്യുകയാണെങ്കിൽ, നിങ്ങളുടെ പുതിയ വെബ് ഡെവലപ്പ്മെൻറ് അംഗങ്ങൾ ഇപ്പോഴും നിങ്ങൾക്ക് മനസ്സിലാകും!

    ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 7/21/17 ന്