HTML ഭാഷ ഒരു ടാഗ് എന്ന ആശയത്തെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്. ടാഗ്- ടാഗ്, ലേബൽ). ആംഗിൾ ബ്രാക്കറ്റുകളിൽ ടാഗുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് (< >) കൂടാതെ ഫോം ജോഡികൾ - കണ്ടെയ്നറുകൾ (ഓപ്പണിംഗ് ടാഗും ക്ലോസിംഗ് ടാഗും). ഉദാഹരണത്തിന്, ഒരു HTML പ്രമാണത്തിൻ്റെ കണ്ടെയ്നർ ഒരു ജോടി ടാഗുകളും . വെബ് പേജിൽ ഡോക്യുമെൻ്റ് ശീർഷകത്തിന് (തല) ഉത്തരവാദിത്തമുള്ള കണ്ടെയ്നറുകൾ ഉൾപ്പെടുന്നു, കൂടാതെ അധിക വിവരങ്ങൾ അടങ്ങിയിരിക്കുന്നു, കൂടാതെ ഡോക്യുമെൻ്റ് ഉള്ളടക്കത്തിന് തന്നെ (ബോഡി) ഉത്തരവാദിയായ കണ്ടെയ്‌നറുകളും ഉൾപ്പെടുന്നു. അവ ചിത്രത്തിൽ അവതരിപ്പിച്ചിരിക്കുന്നു.
അതിനാൽ HTML പ്രമാണം ഒരു കണ്ടെയ്നറിൽ അടങ്ങിയിരിക്കുന്നു, തലക്കെട്ട് ഒരു കണ്ടെയ്നറിൽ അടങ്ങിയിരിക്കുന്നു, പ്രമാണത്തിൻ്റെ ഉള്ളടക്കം ഒരു കണ്ടെയ്നറിൽ അടങ്ങിയിരിക്കുന്നു. ഹെഡറിൽ (കണ്ടെയ്നർ) സ്ഥിതി ചെയ്യുന്ന കണ്ടെയ്നറിൽ ബ്രൗസർ വിൻഡോയുടെ മുകളിലെ വരിയിൽ ദൃശ്യമാകുന്ന വാചകം അടങ്ങിയിരിക്കുന്നു. എൻകോഡിംഗ്, വെബ് പേജ് കീവേഡുകൾ, കൂടാതെ CSS കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റ് ഫയലുകൾ, ജാവാസ്ക്രിപ്റ്റ്, VBScript മുതലായവ ബന്ധിപ്പിക്കുന്നതിനുള്ള കോഡും അടങ്ങിയ ടാഗുകളും ഹെഡർ കണ്ടെയ്‌നറിലേക്ക് ചേർക്കാവുന്നതാണ്.
അടിസ്ഥാന ടാഗുകൾ മാത്രം ഉൾക്കൊള്ളുന്ന ഒരു ലളിതമായ HTML പേജിൻ്റെ ഉദാഹരണം:
പേജ് ശീർഷകം ഒരു ലളിതമായ പേജിൻ്റെ ഉള്ളടക്കം
ഈ കോഡിൻ്റെ ഫലം ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നു.
ഉദാഹരണത്തിൽ നിന്ന് നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, "ഒരു ലളിതമായ പേജിൻ്റെ ഉള്ളടക്കം" എന്ന വാചകം സാധാരണ വാചകത്തിൽ പ്രദർശിപ്പിക്കും. ഈ വാചകം ഫോർമാറ്റ് ചെയ്യുന്നതിന്, നിങ്ങൾ പ്രത്യേക ടാഗുകൾ ഉപയോഗിക്കണം. ഫോർമാറ്റിംഗ് ടാഗുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഒരു ഉദാഹരണം ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നു.
ഫോണ്ട്, അതിൻ്റെ നിറവും വലുപ്പവും മാറ്റാൻ, "മുഖം", "നിറം", "വലുപ്പം" എന്നീ പാരാമീറ്ററുകളുള്ള ഒരു ടാഗ് ഉപയോഗിക്കുക. ഉദാഹരണത്തിന്, "ഏരിയൽ" എന്ന ഫോണ്ട് ചുവപ്പ് നിറത്തിലും വലുപ്പം 14 ലും സജ്ജീകരിക്കുന്നതിന്, നിങ്ങൾ ഇനിപ്പറയുന്ന കോഡ് എഴുതേണ്ടതുണ്ട്:
ടെക്സ്റ്റ് ഫോർമാറ്റ് ചെയ്യുക
വാചകത്തിലെ ഒരു ഖണ്ഡിക ഹൈലൈറ്റ് ചെയ്യാൻ, ഒരു ടാഗ് ഉപയോഗിക്കുക
വാചകത്തിൻ്റെ ഓരോ ഖണ്ഡികയും സാധാരണയായി ഒരു കണ്ടെയ്നറിൽ സ്ഥാപിക്കുന്നു. ഒരു ശീർഷകം സൃഷ്ടിക്കുന്നതിന്, ടാഗുകൾ , , , , ഉപയോഗിക്കുന്നു.
കണ്ടെയ്നറുകൾ , കൂടാതെ ഡോക്യുമെൻ്റിൻ്റെ ബോഡിയിൽ ലിസ്റ്റുകൾ രൂപപ്പെടുത്താൻ ഉപയോഗിക്കുന്നു. മാത്രമല്ല, ടാഗ് ഒരു അക്കമിട്ട ലിസ്റ്റ് രൂപപ്പെടുത്തുന്നു, ടാഗ്
- - ബുള്ളറ്റുചെയ്ത പട്ടികയും ടാഗുകളിലും
- ലിസ്റ്റ് ഘടകങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു. ലിസ്റ്റുകൾ പ്രദർശിപ്പിക്കുന്നതിനുള്ള കോഡിൻ്റെ ഒരു ഉദാഹരണം, അക്കമിട്ടതും ബുള്ളറ്റുള്ളതുമായ ലിസ്റ്റുകളുടെ രൂപത്തിൽ അവതരിപ്പിച്ചിരിക്കുന്നത് ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നു.
രണ്ടോ അതിലധികമോ വെബ് പേജുകൾ പരസ്പരം ബന്ധിപ്പിക്കുന്നതിന്, ഹൈപ്പർലിങ്കുകൾ ഉപയോഗിക്കുന്നു, അതിൻ്റെ സൃഷ്ടി ടാഗ് ഉപയോഗിക്കുന്നു . കൂടാതെ, ഹൈപ്പർലിങ്ക് ടാഗുകൾ അധിക ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുന്നു, അത് ഒന്നുകിൽ മറ്റൊരു വെബ് പേജിലേക്ക് പോകാനോ അല്ലെങ്കിൽ തന്നിരിക്കുന്ന പേജിനുള്ളിൽ നീങ്ങാനോ നിങ്ങളെ അനുവദിക്കുന്നു. നിരവധി സെമാൻ്റിക് വിഭാഗങ്ങളുള്ള ഒരു വലിയ പ്രമാണത്തിൽ രണ്ടാമത്തെ രീതി ഉപയോഗിക്കുന്നത് നല്ലതാണ്.
ഹൈപ്പർലിങ്കുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഒരു ഉദാഹരണം ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നു.
മറ്റൊരു പേജിൻ്റെ URL വ്യക്തമാക്കുമ്പോൾ, "പൂർണ്ണ പാത/ഫോൾഡർ/പേജ്" എന്ന പേജിലേക്കുള്ള പൂർണ്ണമായ പാത്ത് അല്ലെങ്കിൽ ആപേക്ഷിക പാത (ഈ പേജുമായി ബന്ധപ്പെട്ടത്) "ഫോൾഡർ/പേജ്" എന്നിവ നിങ്ങൾ വ്യക്തമാക്കണം. പുതിയതോ നിലവിലുള്ളതോ ആയ ബ്രൗസർ വിൻഡോയിൽ ഒരു വെബ് പേജ് തുറക്കാൻ "ടാർഗെറ്റ്" പാരാമീറ്റർ നിങ്ങളെ അനുവദിക്കുന്നു.
ഒരു വെബ് പേജിലേക്ക് ഒരു ചിത്രം ചേർക്കുന്നതിന്, ടാഗ് ഉപയോഗിക്കുക
പരാമീറ്ററുകൾക്കൊപ്പം src (ചിത്രത്തിലേക്കുള്ള പാത), വീതി (ചിത്രത്തിൻ്റെ വീതി), ഉയരം (ചിത്രത്തിൻ്റെ ഉയരം), ബോർഡർ (ചിത്രത്തിന് ചുറ്റുമുള്ള ഫ്രെയിം). ഒരു ചിത്രം ചേർക്കുന്നതിനുള്ള ഉദാഹരണ കോഡ്:
പലപ്പോഴും വെബ് പേജുകൾ സൃഷ്ടിക്കുമ്പോൾ, പശ്ചാത്തല വർണ്ണമോ പശ്ചാത്തല ചിത്രമോ സജ്ജമാക്കേണ്ടത് ആവശ്യമാണ്. ഇത് ചെയ്യുന്നതിന്, "bgcolor" അല്ലെങ്കിൽ "background-image" ടാഗിൻ്റെ ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുക. പശ്ചാത്തല നിറം ചേർക്കുന്നതിനുള്ള ഉദാഹരണം:
ഒരു പശ്ചാത്തല ചിത്രം ചേർക്കുന്നതിനുള്ള ഉദാഹരണം:
നിർദ്ദിഷ്ട ആട്രിബ്യൂട്ടുകൾ ടാഗിന് മാത്രമല്ല, പട്ടിക, ഏരിയ, മറ്റ് ടാഗുകൾ എന്നിവയ്ക്കും ഉപയോഗിക്കാം, അവ ഇനിപ്പറയുന്ന വിഷയങ്ങളിൽ ചർച്ച ചെയ്യും.
ഒരു മനുഷ്യന് വാക്കുകളാൽ മാത്രം ജീവിക്കാൻ കഴിയില്ല.
അവൻ അവരെ എത്ര വിഴുങ്ങിയിട്ടും കാര്യമില്ല.
അഡ്‌ലൈ സ്റ്റീവൻസൺ.പൊതുവേ, HTML ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയല്ല. ഇതാണ് ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്. അതായത്, അതിനെ "HTML ഭാഷ" എന്ന് വിളിക്കുന്നത് ശരിയല്ല.
ലളിതമായി പറഞ്ഞാൽ, ഫോർമാറ്റ് ചെയ്ത രൂപത്തിൽ പ്ലെയിൻ ടെക്സ്റ്റ് അവതരിപ്പിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ടാഗുകളുടെ (നിയന്ത്രണ പദങ്ങൾ) ഒരു ലിസ്റ്റ് ആണ് HTML. ഉദാഹരണത്തിന്, അത് ബോൾഡായി ഹൈലൈറ്റ് ചെയ്യുക, അല്ലെങ്കിൽ ഇറ്റാലിക്സ്മുതലായവ. എന്നാൽ പ്രത്യേക പ്രോഗ്രാമുകളിൽ (നിങ്ങൾ ഇൻ്റർനെറ്റ് സർഫ് ചെയ്യുന്ന പ്രോഗ്രാമുകൾ) മാത്രമേ ഈ രീതിയിൽ വാചകം അവതരിപ്പിക്കാൻ കഴിയൂ.
അവർ ഫോർമാറ്റ് ചെയ്ത ടെക്സ്റ്റ് മാത്രം പ്രദർശിപ്പിക്കുകയും ഫോർമാറ്റിംഗിനായി ഉപയോഗിച്ച HTML ടാഗുകൾ മറയ്ക്കുകയും ചെയ്യുന്നു. ഞാൻ എന്തിനെക്കുറിച്ചാണ് സംസാരിക്കുന്നതെന്ന് നിങ്ങൾക്ക് വ്യക്തമാക്കുന്നതിന്, ഈ പേജിൽ വലത്-ക്ലിക്കുചെയ്ത് തുറക്കുന്ന മെനുവിൽ, "സോഴ്സ് കോഡ്" അല്ലെങ്കിൽ സമാനമായ എന്തെങ്കിലും തിരഞ്ഞെടുക്കുക. ഈ പേജ് അതിൻ്റെ നിലവിലെ രൂപത്തിൽ നിങ്ങളുടെ മുൻപിൽ തുറക്കും.
നിങ്ങൾക്ക് സാധാരണവും പ്രത്യേകവുമായ പ്രോഗ്രാമുകളിൽ HTML കോഡ് സൃഷ്ടിക്കാൻ കഴിയും, വിളിക്കപ്പെടുന്നവ. HTML, CSS, JavaScript, PHP മുതലായവ കോഡ് ടൈപ്പുചെയ്യുന്നതിന് രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നതിനാൽ വിഷ്വൽ എഡിറ്റർമാർ ടെക്സ്റ്റ് എഡിറ്റർമാരിൽ നിന്ന് വ്യത്യസ്തമാണ്, അതായത് വെബ് പ്രോഗ്രാമിംഗിനായി. കൂടാതെ, ബിൽറ്റ്-ഇൻ ബ്രൗസറിൽ നിങ്ങളുടെ അധ്വാനത്തിൻ്റെ ഫലം ഉടനടി കാണാനും ടൈപ്പ് ചെയ്ത കോഡിലെ ചില പിശകുകൾ ഹൈലൈറ്റ് ചെയ്യാനും അവർ നിങ്ങളെ അനുവദിക്കുന്നു.
എല്ലാ കോഡുകളും കൈകൊണ്ട് ടൈപ്പുചെയ്യാൻ ഞാൻ ശക്തമായി ശുപാർശ ചെയ്യുന്നു (ഇതേ കൈകളുടെ നേർരേഖ മെച്ചപ്പെടുത്തുന്നതിന്), എന്നാൽ വിഷ്വൽ എഡിറ്റർമാർ ഈ പ്രക്രിയയെ വളരെയധികം സഹായിക്കുന്നു. വ്യക്തിപരമായി, ഞാൻ ഉപയോഗിക്കുന്നു. ഇത് ഏറ്റവും പുതിയ പതിപ്പിൽ നിന്ന് വളരെ അകലെയാണ്, പക്ഷേ അതിൻ്റെ കഴിവുകൾ എനിക്ക് മതിയായതിനേക്കാൾ കൂടുതലാണ്.
ഞാൻ ഇത് ചെയ്യുന്നു: ഞാൻ ഡ്രീംവീവറിൽ കോഡ് ടൈപ്പ് ചെയ്യുക, തുടർന്ന് സംരക്ഷിച്ച് "ബ്രൗസറിൽ കാണുക" ബട്ടൺ ക്ലിക്ക് ചെയ്യുക (ഈ മെനുവിലെ ബ്രൗസറുകളുടെ ലിസ്റ്റ് നിങ്ങൾ സ്വയം എഡിറ്റ് ചെയ്യുക), തുടർന്ന് ഡ്രീംവീവറിൽ തിരിച്ചെത്തി എഡിറ്റിംഗ് തുടരുക. ഇവിടെ . ടൂളുകൾക്കുള്ളത് അത്രയേയുള്ളൂ, ഇപ്പോൾ നമുക്ക് HTML ടാഗുകളിലേക്ക് പോകാം.
ഒരു HTML പേജിൻ്റെ ഘടനയിൽ നിന്നോ അതിൻ്റെ പ്രധാന ടാഗുകളിൽ നിന്നോ നമുക്ക് ആരംഭിക്കാം.
ആവശ്യമായ HTML പേജ് ടാഗുകൾഓരോ HTML പ്രമാണത്തിലും ഉപയോഗിക്കുന്ന ആവശ്യമായ (അടിസ്ഥാന) HTML ടാഗുകളിൽ ഇനിപ്പറയുന്നവ ഉൾപ്പെടുന്നു:
കുറിപ്പ്. ബ്രൗസറിന് HTML കോഡ് ടെക്‌സ്‌റ്റായി ഔട്ട്‌പുട്ട് ചെയ്യുന്നതിന് (അത് കോഡായി വ്യാഖ്യാനിക്കരുത്), ഓരോ ഓപ്പണിംഗ് ആംഗിൾ ബ്രാക്കറ്റിനും ശേഷം ഞാൻ ഒരു സ്‌പെയ്‌സ് ഇടുന്നു "". നിങ്ങൾ കോഡ് ടൈപ്പ് ചെയ്യുമ്പോൾ, സ്‌പെയ്‌സുകൾ വിടരുത്.
നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, എല്ലാ ടാഗുകളും ജോടിയാക്കിയിരിക്കുന്നു (ഒരു ഓപ്പണിംഗ് ടാഗും ഒരു ക്ലോസിംഗ് ടാഗും ഉണ്ട്); HTML-ൽ, മിക്കവാറും എല്ലാ ടാഗുകളും ഇതുപോലെയാണ്. ഓപ്പണിംഗ് ടാഗും ക്ലോസിംഗ് ടാഗും തമ്മിലുള്ള വ്യത്യാസം, ക്ലോസിംഗ് ടാഗിന് മുമ്പായി ഒരു ഫോർവേഡ് സ്ലാഷ് "/" ആണ് എന്നതാണ്. അത്തരം ടാഗുകളെ കണ്ടെയ്നർ ടാഗുകൾ എന്നും വിളിക്കുന്നു, കാരണം അവയ്ക്കിടയിൽ മറ്റ് ടാഗുകൾ തിരുകാൻ കഴിയും, അതായത്. ഒരു കണ്ടെയ്നറിൽ വയ്ക്കുക. ടാഗുകൾക്കിടയിൽ മറ്റ് ടാഗുകൾ ഉണ്ടെന്ന് നിങ്ങൾക്ക് സ്വയം കാണാൻ കഴിയും.
നിങ്ങൾക്ക് ടാഗ് നാമങ്ങൾ വലിയ അക്ഷരങ്ങളിലോ വലിയ അക്ഷരങ്ങളിലോ ടൈപ്പുചെയ്യാം, വ്യത്യാസമില്ല. അതായത്, തരത്തിൻ്റെയും ബ്രൗസറിൻ്റെയും റെക്കോർഡുകൾക്ക് വ്യത്യാസങ്ങളൊന്നുമില്ല, അവ ഒരേ രീതിയിൽ വ്യാഖ്യാനിക്കപ്പെടുന്നു. ഈ ടാഗുകൾ എന്താണ് അർത്ഥമാക്കുന്നത് എന്നതിനെക്കുറിച്ച് ഇപ്പോൾ കൂടുതൽ വിശദമായി സംസാരിക്കാം.
അതിനാൽ, പ്രധാന ടാഗുകൾ ബ്രൗസറുകളും ഹൈപ്പർടെക്സ്റ്റ് ഡോക്യുമെൻ്റുമായി ബന്ധപ്പെട്ട ഹൈപ്പർടെക്സ്റ്റ് പേജുകൾ കാണുന്നതിനുള്ള മറ്റ് പ്രോഗ്രാമുകളും കാണിക്കുന്നു. ഏതൊരു html പ്രമാണവും ആരംഭിക്കുകയും അവസാനിക്കുകയും വേണം. അതായത്, ഈ ടാഗുകൾക്കിടയിൽ html പേജിൻ്റെ എല്ലാ കോഡുകളും ഉണ്ട്.
ടാഗുകൾക്കിടയിൽ മെറ്റാ ടാഗുകൾ (പേജ് ശീർഷകം, വിവരണം, കീവേഡുകൾ മുതലായവ) ഉണ്ട്. html പേജിനെയും സാങ്കേതിക വിവരങ്ങളെയും കുറിച്ചുള്ള വിവരങ്ങൾ അവർ സംഭരിക്കുന്നു. പൊതുവേ, ഈ ടാഗ് നിർബന്ധമല്ല, അതായത് ഇത് കൂടാതെ, HTML പ്രമാണം ബ്രൗസറുകൾ സാധാരണയായി പ്രദർശിപ്പിക്കും. എന്നാൽ നിങ്ങൾ ശീർഷക മേഖല ഉപയോഗിക്കാൻ ഉദ്ദേശിക്കുന്നില്ലെങ്കിലും, ചുരുങ്ങിയത് ലളിതമായി എഴുതുക. പ്രോഗ്രാമുകളുടെ വ്യത്യസ്ത പതിപ്പുകൾ തമ്മിലുള്ള അനുയോജ്യതയ്ക്ക് ഇത് ആവശ്യമാണ്.
"HEAD" ടാഗുകൾക്കിടയിൽ സ്ഥിതി ചെയ്യുന്ന എല്ലാ വിവരങ്ങളും ബ്രൗസർ ഒരു തരത്തിലും പ്രദർശിപ്പിക്കില്ല (ടാഗുകൾക്കിടയിലുള്ള വിവരങ്ങൾ ഒഴികെ, html പ്രമാണത്തിൻ്റെ പേര് സ്ഥിതിചെയ്യുന്നത്, ബ്രൗസറിൻ്റെ മുകളിലെ പാനലിൽ പ്രദർശിപ്പിക്കും). എന്നാൽ അവ ഒരു html പേജിൻ്റെ രൂപത്തിലും ഇൻ്റർനെറ്റിലെ അതിൻ്റെ ജീവിതത്തിലും റാങ്കിംഗിലും വലിയ സ്വാധീനം ചെലുത്തും. ഒരു ഹൈപ്പർടെക്സ്റ്റ് ഡോക്യുമെൻ്റിൻ്റെ തലക്കെട്ടിൽ സ്ഥിതി ചെയ്യുന്ന ടാഗുകളെ കുറിച്ച് നമ്മൾ പിന്നീട് കൂടുതൽ സംസാരിക്കും.
ഒരു HTML പ്രമാണത്തിൻ്റെ പ്രധാന ഉള്ളടക്കം ടാഗുകൾക്കും ടാഗുകൾക്കുമിടയിലാണ് സ്ഥിതി ചെയ്യുന്നത്. ഒരു html പേജ് തുറക്കുമ്പോൾ നമ്മൾ കാണുന്നതെല്ലാം ഇതാ: ടെക്സ്റ്റ്, ഗ്രാഫിക്സ്, മെനുകൾ, ബട്ടണുകൾ മുതലായവ. ഇതാണ് പേജിൻ്റെ പ്രധാന "ബോഡി".
ഒരു HTML പ്രമാണം സൃഷ്ടിക്കുമ്പോൾ ഉപയോഗിക്കുന്ന മറ്റെല്ലാ ടാഗുകളും ഈ ആവശ്യമായ ടാഗുകൾക്കിടയിൽ (അതായത്, ഉള്ളിൽ) സ്ഥിതിചെയ്യുന്നു. HTML-ലെ മിക്കവാറും എല്ലാ ടാഗുകൾക്കും വിവിധ ആട്രിബ്യൂട്ടുകൾ, പ്രോപ്പർട്ടികൾ, പാരാമീറ്ററുകൾ എന്നിവയുണ്ട്, അത് ഡവലപ്പർ ഉദ്ദേശിച്ചതുപോലെ കൃത്യമായി വിവരങ്ങൾ പ്രദർശിപ്പിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾ എഴുതുകയാണെങ്കിൽ:
അപ്പോൾ മുഴുവൻ പേജിൻ്റെയും പശ്ചാത്തലം ചുവപ്പായിരിക്കും.
ഇവിടെ ഒരു ടാഗ്, വാസ്തവത്തിൽ, ഒരു ടാഗ് ആണ്; bgcolor - അതിൻ്റെ ആട്രിബ്യൂട്ട്; "#FF0000" - ആട്രിബ്യൂട്ട് മൂല്യം (ഒരു ടാഗിന് നിരവധി ആട്രിബ്യൂട്ടുകൾ ഉണ്ടായിരിക്കാം).
കുറിപ്പ്. എല്ലാ ടാഗ് ആട്രിബ്യൂട്ടുകളും അവയുടെ മൂല്യങ്ങളും ഓപ്പണിംഗ് ടാഗിൽ (സ്ലാഷ് ഇല്ലാത്തത്) വ്യക്തമാക്കിയിട്ടുണ്ട്, എന്നാൽ ക്ലോസിംഗ് ടാഗിൽ ഒരു സാഹചര്യത്തിലും ഇല്ല.
അതിനാൽ, ഒരു html പ്രമാണത്തിൻ്റെ പ്രധാന ടാഗുകൾ ഞങ്ങൾ കണ്ടെത്തി. ഇനി ബാക്കിയുള്ളവ കൂടുതൽ വിശദമായി പഠിക്കേണ്ട സമയമാണ്. ഇവിടെ ഞാൻ ഒരു ചെറിയ വ്യതിചലനം നടത്താൻ ആഗ്രഹിക്കുന്നു.
HTML പഠിക്കാൻ ഞാൻ എങ്ങനെ നിർദ്ദേശിക്കുന്നുഈ പുസ്‌തകങ്ങളുടെയും ട്യൂട്ടോറിയലുകളുടെയും രചയിതാക്കളിൽ ഭൂരിഭാഗം പേരും ചെയ്ത തെറ്റ് എന്താണെന്ന് ഞാൻ മനസ്സിലാക്കി. ഈ പാഠപുസ്തകങ്ങളെല്ലാം, ഒന്നാമതായി, തുടക്കക്കാർക്ക് വേണ്ടിയുള്ളതാണ്, രണ്ടാമതായി, അവ ക്രമത്തിൽ HTML-ൻ്റെ അടിസ്ഥാനകാര്യങ്ങൾ പഠിപ്പിക്കുന്നു.
ടി. അതായത്, html പ്രമാണത്തിൻ്റെ () ശീർഷക ടാഗുകൾ ആദ്യം പരിഗണിക്കപ്പെടുന്നു, തുടർന്ന് "ബോഡി" ടാഗുകൾ ().
എൻ്റെ സ്വന്തം അനുഭവത്തെ അടിസ്ഥാനമാക്കി, HTML-ൻ്റെ അടിസ്ഥാനകാര്യങ്ങൾ പഠിക്കുന്നതിനുള്ള ഈ നടപടിക്രമം ഒരു തുടക്കക്കാരന് സ്വീകാര്യമല്ലെന്ന് പറയാൻ ഞാൻ ധൈര്യപ്പെടുന്നു. ഒരു തുടക്കക്കാരൻ തൻ്റെ പഠന ഫലങ്ങൾ കാണാതെ തന്നെ, ഈ അനേകം, കുറച്ച് മനസ്സിലാക്കാവുന്ന ശീർഷക ടാഗുകൾ പഠിക്കാൻ ശ്രമിക്കുന്നു. രണ്ടാമതായി, അദ്ദേഹം ആസൂത്രണം ചെയ്ത സൈറ്റ് സൃഷ്ടിക്കാൻ ഈ ടാഗുകളിൽ ഭൂരിഭാഗവും ആവശ്യമില്ലെന്ന് സംശയിക്കാതെ തന്നെ (കുറഞ്ഞത് ജോലിയുടെ തുടക്കത്തിലെങ്കിലും).
അങ്ങനെ, അവൻ HTML പഠിക്കുന്നത് തുടരാനുള്ള സമയവും ആഗ്രഹവും മാത്രം പാഴാക്കുന്നു. അതേ സമയം, "ഗുരുക്കൾ" മാത്രമേ നല്ല പണത്തിന് അത് ചെയ്യാൻ കഴിയൂ എന്ന അഭിപ്രായം നിലനിർത്തുന്നു. എനിക്ക് ഇതുവരെ മനസ്സിലാകാത്തതും മുന്നോട്ട് നീങ്ങാത്തതുമായ കാര്യങ്ങളിൽ ഞാൻ ഒരു ശാപവും നൽകിയില്ലെങ്കിൽ ഈ പ്രവർത്തനം ഞാനും ഉപേക്ഷിക്കും.
അതിനാൽ, നിങ്ങൾ ആദ്യം html ഡോക്യുമെൻ്റിൻ്റെ () “ബോഡി” യുമായി ബന്ധപ്പെട്ട ടാഗുകൾ പരിഗണിക്കണമെന്ന് ഞാൻ നിർദ്ദേശിക്കുന്നു, അതിനുശേഷം മാത്രമേ ബാക്കിയുള്ളവയിലേക്ക് പോകൂ. മാത്രമല്ല, html പേജിൻ്റെ "ബോഡി"യിൽ സൈറ്റ് സന്ദർശകർ വരുന്ന വിവരങ്ങൾ അടങ്ങിയിരിക്കുന്നു. കോഡ് എഴുതുന്നതിനേക്കാൾ വളരെ ബുദ്ധിമുട്ടാണ് അത് സൃഷ്ടിക്കുന്നതും കണ്ടെത്തുന്നതും.
ശരി, ഇപ്പോൾ, ഒരു മിനിറ്റ് പോലും മടിക്കാതെ, "അടുത്തത്" ബട്ടണിൽ ക്ലിക്കുചെയ്ത്, ഷേവ് ചെയ്യാത്തവരും ഉറക്കമില്ലാത്തവരുമായ ആളുകൾ എങ്ങനെ വെബ്‌സൈറ്റുകൾ സൃഷ്ടിക്കുന്നുവെന്ന് കണ്ടെത്തുന്നത് തുടരുക.
ഓരോ കോപ്പിറൈറ്ററുടെയും ജീവിതത്തിൽ, html ടാഗുകൾ പരിചിതമാകുന്ന ഒരു ഘട്ടം വരുന്നു. സാധാരണയായി ഇത് സ്വയമേവ സംഭവിക്കുകയും "പ്രസിദ്ധീകരണത്തിനായി വാചകം തയ്യാറാക്കുക" എന്ന ഉപഭോക്താവിൻ്റെ അഭ്യർത്ഥന പോലെ കാണപ്പെടുകയും ചെയ്യുന്നു. ഇതിനർത്ഥം ലേഖനത്തിൽ നിങ്ങൾ തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, പ്രധാനപ്പെട്ട സ്ഥലങ്ങൾ, ലിസ്റ്റുകൾ എന്നിവ ഹൈലൈറ്റ് ചെയ്യേണ്ടതുണ്ട്, പക്ഷേ വേഡ് കഴിവുകൾ ഉപയോഗിച്ചല്ല, മറിച്ച് ഒരു പ്രത്യേക html ഭാഷാ കോഡ് ഉപയോഗിച്ചാണ്. കോപ്പിറൈറ്ററിനുള്ള ടാഗുകൾ ഇതിന് സഹായിക്കും. ജോലിക്ക് ആവശ്യമായ ലിസ്റ്റ് സാധാരണയായി ചെറുതാണ്, എന്നാൽ സ്റ്റാൻഡേർഡ് ആവശ്യകതകളുള്ള ടെക്സ്റ്റ് ഫോർമാറ്റ് ചെയ്യാൻ ഇത് മതിയാകും. ഒരു കോപ്പിറൈറ്ററിന് ആവശ്യമായ html ടാഗുകളിൽ എന്താണ് ഉൾപ്പെടുത്തിയിരിക്കുന്നത്? (നിങ്ങൾക്ക് വായിക്കാൻ മടിയാണെങ്കിൽ, താഴേക്ക് സ്ക്രോൾ ചെയ്യുക - html ടാഗുകളെ കുറിച്ച് ലളിതവും വ്യക്തവുമായ തീമാറ്റിക് ഇൻഫോഗ്രാഫിക് ഉണ്ട്!)
കോപ്പിറൈറ്റർ പരമ്പരാഗത ചോദ്യങ്ങൾ ചോദിക്കുന്നു. അവയെല്ലാം ആരംഭിക്കുന്നത് “എന്ത് ടാഗ് വ്യക്തമാക്കാൻ ഉപയോഗിക്കുന്നു...” എന്ന പദത്തിലാണ്:
- തലക്കെട്ട്;
- ഖണ്ഡിക;
- ലഘുചിത്രം;
- ഇറ്റാലിക്സ്;
- പട്ടിക ബുള്ളറ്റ്/ലേബൽ ചെയ്യാത്തത്/
ഇതെല്ലാം സാങ്കേതിക ജോലിക്ക് മസാലകൾ ചേർക്കുന്നു, പുതിയ അറിവ് സമ്പാദിക്കുന്നതിനെ ഉത്തേജിപ്പിക്കുന്നു. PS ലെ കീയുടെ ആകർഷണം വർദ്ധിപ്പിക്കുന്നതിന് ഒരു ബോൾഡ് ടെക്സ്റ്റ് ടാഗ് ഉപയോഗിക്കുമ്പോൾ സ്ഥിതി കൂടുതൽ വഷളാകുന്നു. എന്നാൽ ഇതെല്ലാം വളരെ ലളിതമായി പരിഹരിക്കാൻ കഴിയും, അത് ഞങ്ങൾ ഇപ്പോൾ കൈകാര്യം ചെയ്യും.
ശീർഷകങ്ങൾ സൃഷ്ടിക്കുന്നതിനുള്ള ടാഗുകൾതലക്കെട്ടുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ടാഗുകൾ h1-h6 ഘടകങ്ങൾ പ്രതിനിധീകരിക്കുന്നു. ഇംഗ്ലീഷ് ഹെഡറിൽ (തലക്കെട്ട്) നിന്നാണ് അവർക്ക് കത്ത് ലഭിച്ചത്. ആവശ്യമായ തലക്കെട്ട് സജ്ജീകരിക്കുന്നതിനും PS-ന് അതിൻ്റെ പ്രാധാന്യം ഊന്നിപ്പറയുന്നതിനും, ഇനിപ്പറയുന്ന കോഡ് ഉപയോഗിക്കുക:
തലക്കെട്ട് h1 തലക്കെട്ട് h2 തലക്കെട്ട് h3 തലക്കെട്ട് h4 തലക്കെട്ട് h5 തലക്കെട്ട് h6
വെബ്സൈറ്റിൽ ഇത് ഇതുപോലെ കാണപ്പെടും.
തലക്കെട്ട് h1 തലക്കെട്ട് h2 തലക്കെട്ട് h3 തലക്കെട്ട് h4 തലക്കെട്ട് h5 തലക്കെട്ട് h6h1 തലക്കെട്ടിന് ഏറ്റവും പ്രാധാന്യമുണ്ട് - ദൃശ്യപരത -. ഇത് ഒരു പോസ്റ്റിൻ്റെ ശീർഷകമായി ഉപയോഗിക്കുന്നു, ഇത് ഒരു തവണ മാത്രമേ ഉപയോഗിക്കൂ. വാചകത്തിലെ ഉപശീർഷകങ്ങൾക്കായി, h2, h3 എന്നിവ ശുപാർശ ചെയ്യുന്നു. പരിഗണനയിലുള്ള മെറ്റീരിയലിൻ്റെ പ്രാധാന്യം ഊന്നിപ്പറയാനും ലേഖനത്തെ വിവര തലങ്ങളിലേക്ക് വിഭജിക്കാനും അവ സഹായിക്കുന്നു.
ഹെഡറുകൾ h4-h6 പ്രായോഗികമായി ഉപയോഗിക്കുന്നില്ല, പക്ഷേ ലോജിക്കൽ ബ്ലോക്കുകളും പ്രധാനപ്പെട്ട ശകലങ്ങളും ഹൈലൈറ്റ് ചെയ്യുന്നതിന് അവയ്ക്ക് ആവശ്യക്കാരുണ്ട്.
വലിയ ലേഖനങ്ങൾക്ക് h1-h3 എന്ന തലക്കെട്ടുകൾ ഉപയോഗിക്കുന്നതാണ് നല്ലത്, ചെറിയവയ്ക്ക് - h1, h2.
ലിസ്റ്റുകൾ: ബുള്ളറ്റുള്ളതും ലേബൽ ചെയ്യാത്തതുംഘടനാപരമായ നല്ല വാചകത്തിന് എല്ലായ്‌പ്പോഴും ഒന്നോ അതിലധികമോ ലിസ്റ്റുകൾ ഉണ്ടായിരിക്കും. അവയുടെ രൂപം അനുസരിച്ച്, പട്ടികകൾ ഇവയാണ്:
- അടയാളപ്പെടുത്തി - അവർക്ക് നമ്പറിംഗ് ഉണ്ട്;
- അടയാളപ്പെടുത്താത്തത് - ഘടകങ്ങൾ ചിഹ്നങ്ങൾ ഉപയോഗിച്ച് ഹൈലൈറ്റ് ചെയ്യുന്നു.
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- ലിസ്റ്റ് ഇനം
- മെനു ഇനം 1
- മെനു ഇനം 2
- ഓർഡർ ചെയ്യാത്ത ലിസ്റ്റ് (ഉൾ)
- ഓർഡർ ചെയ്ത ലിസ്റ്റ് (ഓൾ)
- നിർവചനങ്ങളുടെ പട്ടിക (dl) അവർ എന്ത് ചെയ്യുന്നു
- ഓർഡർ ചെയ്യാത്ത ലിസ്റ്റ് (ul): ഡോട്ട് ഇട്ട സൂചകങ്ങളുള്ള ലിസ്റ്റ്
- ഓർഡർ ചെയ്ത ലിസ്റ്റ് (ഓൾ): അക്കമിട്ട ലിസ്റ്റ്
- ഡെഫനിഷൻ ലിസ്റ്റ് (dl): എലമെൻ്റ് നിർവചനങ്ങളുള്ള ലിസ്റ്റ്
- സ്ഥിരമായ ഉള്ളടക്ക ശൈലി
- സൃഷ്ടിക്കുക
- ബഹുമുഖ
- ), ഞങ്ങൾ രണ്ട് ടാഗുകൾ ഉപയോഗിക്കുന്നു: ഒപ്പം . ലിസ്റ്റിലെ ഓരോ ഇനവും നിർവചിക്കുന്നു, കൂടാതെ മുകളിലുള്ള പോയിൻ്റ് വിവരിക്കുന്നു. നേരത്തെ കാണിച്ച ഡെഫനിഷൻ ലിസ്റ്റ് കോഡ് അനുസരിച്ചുള്ള ലിസ്റ്റ് ചുവടെയുണ്ട്.
- ഓപ്പൺ ആംഗിൾ ബ്രാക്കറ്റ് (< ).
- ഒരു പ്രത്യേക വാക്ക് (ടാഗ് നാമം). ഉദാഹരണത്തിന്, hr , iframe , b .
- ക്ലോസിംഗ് ആംഗിൾ ബ്രാക്കറ്റ് (> ).
- - ഒരു അഭിപ്രായം അടങ്ങുന്ന ഒരൊറ്റ ടാഗ്. ബ്രൗസർ പ്രോസസ്സ് ചെയ്യാത്ത വാചകമാണ് കമൻ്റ്. ടാഗിനുള്ളിൽ നിങ്ങൾക്ക് ആവശ്യമുള്ളത് എഴുതാം, മറ്റ് ടാഗുകൾ പോലും - അവ പ്രവർത്തിക്കില്ല, അവ സ്ക്രീനിൽ ദൃശ്യമാകില്ല. ഡെവലപ്പർമാർ കോഡിനെക്കുറിച്ച് അഭിപ്രായമിടുന്നത് ഒന്നുകിൽ മറ്റ് വെബ്മാസ്റ്റർമാർക്ക് ഇത് മനസ്സിലാക്കുന്നത് എളുപ്പമാക്കുന്നതിനോ അല്ലെങ്കിൽ വളരെക്കാലത്തിന് ശേഷം അവർക്ക് അത് പെട്ടെന്ന് മനസ്സിലാക്കാൻ കഴിയുന്നതിനോ ആണ്.
- , , , , ഏത് മാന്യമായ HTML ഡോക്യുമെൻ്റിലും ഉണ്ടായിരിക്കേണ്ട ടാഗുകളാണ് (കൂടുതൽ വിവരങ്ങൾക്ക്, "നോട്ട്പാഡിൽ ഒരു വെബ്സൈറ്റ് എങ്ങനെ സൃഷ്ടിക്കാം" എന്ന് കാണുക).
- - ടാഗിൽ ബ്രൗസറുകൾക്കും സെർച്ച് എഞ്ചിനുകൾക്കുമുള്ള സഹായ വിവരങ്ങൾ അടങ്ങിയിരിക്കുന്നു. അതിനുള്ളിൽ നിങ്ങൾക്ക് കീവേഡുകൾ, പേജ് വിവരണം, പ്രമാണ എൻകോഡിംഗ്, രചയിതാവിൻ്റെ പേര് മുതലായവ എഴുതാം.
- സ്ക്രിപ്റ്റ് ഫയലിലേക്കോ കോഡിലേക്കോ ഉള്ള ഒരു ലിങ്ക് അടങ്ങിയിരിക്കുന്നു.
- - CSS ഉപയോഗിച്ച് ഡോക്യുമെൻ്റിൻ്റെ ശൈലിയും കൂടാതെ/അല്ലെങ്കിൽ അതിൻ്റെ ഘടകങ്ങളും സജ്ജമാക്കുന്ന ഒരു ടാഗ്. ഒരു HTML പ്രമാണത്തിൽ പേജിൻ്റെ വിവിധ ഭാഗങ്ങൾക്കായി വ്യത്യസ്ത ശൈലികൾ നിർവചിക്കുന്ന നിരവധി ടാഗുകൾ അടങ്ങിയിരിക്കാം.
- - തികച്ചും വിപരീതം, അതിനെ പൂരകമാക്കുന്നു. ടാഗ് ഒരു വിഭാഗത്തിൻ്റെ അല്ലെങ്കിൽ മുഴുവൻ പേജിൻ്റെ "തലക്കെട്ട്" (ശീർഷകം) വ്യക്തമാക്കുന്നു.
- ഒരു സൈറ്റിൻ്റെയോ വിഭാഗത്തിൻ്റെയോ "കാലുകൾ" സംഭരിക്കുന്നു. അതിനുള്ളിൽ നിങ്ങൾക്ക് പിന്തുണയ്ക്കുന്ന വിവരങ്ങൾ, പകർപ്പവകാശം, ബന്ധപ്പെടാനുള്ള വിവരങ്ങൾ മുതലായവ സ്ഥാപിക്കാൻ കഴിയും.
- പേജിൻ്റെ പ്രധാന ഉള്ളടക്കം അടങ്ങിയിരിക്കുന്നു. സൈറ്റിൻ്റെ തലക്കെട്ടോ മെനു ബ്ലോക്കോ "കാലുകൾ" എന്നോ അല്ല, പേജ് എന്തിനുവേണ്ടിയാണ് സൃഷ്ടിച്ചത്. ഉദാഹരണത്തിന്, നിങ്ങൾ ഇപ്പോൾ വായിക്കുന്ന പേജിൽ, ഈ ലേഖനം ഉള്ളിൽ സ്ഥിതിചെയ്യണം.
- ലിങ്കുകൾ സൃഷ്ടിക്കാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നു. ലിങ്കുകൾ ഹൈപ്പർടെക്സ്റ്റിൻ്റെ മൂലമാണ്, അതിനാലാണ് ഈ ലേഖനം അവർക്കായി സമർപ്പിക്കുന്നത്.
ഒരു വെബ് പേജിലേക്ക് ചിത്രങ്ങൾ ചേർക്കേണ്ടത് ആവശ്യമാണ് (നിങ്ങളുടെ സേവനത്തിൽ ഈ പ്രവർത്തനത്തിനായി സമർപ്പിച്ചിരിക്കുന്നു).
-
,
, - , , ,, , , കൂടാതെ മറ്റ് ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് ടാഗുകൾ ഒരു വലിയ കൂട്ടം HTML ടാഗുകൾ ഉണ്ടാക്കുന്നു; അവ "HTML ലെ ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്" എന്ന ലേഖനത്തിൽ ചർച്ചചെയ്യുന്നു.
- - ബ്ലോക്ക് ഘടകം. സിഎസ്എസ് (കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ, ട്യൂട്ടോറിയലിൻ്റെ രണ്ടാം ഭാഗത്തിൻ്റെ വിഷയം) ഉപയോഗിച്ചാണ് ഉള്ളിലെ വാചകം ഫോർമാറ്റ് ചെയ്തിരിക്കുന്നത്.
- . നിങ്ങൾക്ക് ഒരു ഖണ്ഡികയുണ്ട്
അല്ലെങ്കിൽ തടയുക ഇതിലെ വാചകം രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത് ഒരേ ശൈലിയിലാണ്, എന്നാൽ ഘടനയെ ശല്യപ്പെടുത്താതെ, നിരവധി വാക്കുകൾക്ക് വ്യത്യസ്ത ഫോണ്ട് വലുപ്പമോ നിറമോ ഉണ്ടെന്ന് ഉറപ്പാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നു. അത്തരം സാഹചര്യങ്ങൾക്കാണ് ടാഗ് ഉദ്ദേശിക്കുന്നത്.
-
,
-
,
- - ലിസ്റ്റ് ടാഗുകൾ. അടയാളപ്പെടുത്തിയത്, അക്കമിട്ടത് - ഈ ടാഗുകളുടെ പ്രവർത്തനം. ടാഗുകൾക്ക് ഉത്തരവാദിത്തമുള്ള നിർവചനങ്ങളുടെ ലിസ്റ്റുകളും ഉണ്ട്, എന്നാൽ "ലിസ്റ്റുകൾ സൃഷ്ടിക്കുന്നു" എന്ന ലേഖനത്തിൽ ഇവയിൽ ആറിനെയും കുറിച്ച് നിങ്ങൾ വിശദമായി പഠിക്കും.
, , ,
, ഒപ്പം പട്ടികകൾ സൃഷ്ടിക്കുമ്പോൾ ഉപയോഗിക്കുകയും ഒരു പ്രത്യേക ലേഖനത്തിൽ വിശദമായി ചർച്ച ചെയ്യുകയും ചെയ്യുന്നു. - - ഒരു പേജിലേക്ക് ഇൻ്ററാക്റ്റിവിറ്റി ചേർക്കുന്ന ഒരു ടാഗ്, അതായത്, വെബ്സൈറ്റുമായി സംവദിക്കാൻ ഉപയോക്താവിനെ അനുവദിക്കുന്നു. തീർച്ചയായും, ഫോമിന് ഒരു ഹാൻഡ്ലർ ആവശ്യമാണ്, എന്നാൽ ഉള്ളിലെ ടാഗുകളുടെ സഹായത്തോടെ നിങ്ങൾക്ക് ഒരു ഇൻ്റർഫേസ് സൃഷ്ടിക്കാൻ കഴിയും. ചെക്ക്ബോക്സുകൾ, ബട്ടണുകൾ, റേഡിയോ ബട്ടണുകൾ, ഇൻപുട്ട് ഫീൽഡുകൾ, നിങ്ങളിൽ നിന്ന് സജീവമായ പ്രവർത്തനങ്ങൾ ആവശ്യമുള്ള മറ്റ് ഒബ്ജക്റ്റുകൾ എന്നിവയെല്ലാം ഒരു കണ്ടെയ്നറിനുള്ളിൽ കോഡ് സ്ഥാപിച്ചിരിക്കുന്ന ഫോം ഘടകങ്ങളാണ്.
- - ഒരു സംവേദനാത്മക ബട്ടൺ സൃഷ്ടിക്കുന്ന ഒരു ടാഗ്. നിങ്ങൾ അതിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ എന്തെങ്കിലും സംഭവിക്കുന്നതിന്, ബട്ടൺ ഫോമിലായിരിക്കണം (ടാഗുകൾക്കിടയിൽ സ്ഥിതിചെയ്യുന്നത്).
- ഫോം ഘടകങ്ങൾ സൃഷ്ടിക്കുന്നു: സ്വിച്ചുകൾ, ചെക്ക്ബോക്സുകൾ, ബട്ടണുകൾ, എല്ലാ തരത്തിലുള്ള ഇൻപുട്ട് ഫീൽഡുകളും. ഒരു കണ്ടെയ്നറിൽ ചേർത്തു. എന്നാൽ സാർവത്രികമായ ഒന്ന് ഉണ്ടെങ്കിൽ നമുക്ക് എന്തിനാണ് പ്രത്യേകം വേണ്ടത്? വിപുലമായ പാരാമീറ്ററുകളുള്ള ഒരു ബട്ടൺ സൃഷ്ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഒരു ബട്ടണിൽ ഒരു ചിത്രം സ്ഥാപിക്കാം. മുഖേന സൃഷ്ടിച്ച ഒരു ഘടകത്തിൽ ഇത് ചെയ്യാൻ കഴിയില്ല.
- കൂടാതെ - HTML 5-ലെ മെനു സൃഷ്ടിക്കൽ ടാഗുകൾ. - ഇത് ഒരു കണ്ടെയ്നറാണ്, അതിനുള്ളിൽ ഘടകങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു, ഇതിൻ്റെ കൂട്ടിച്ചേർക്കൽ മെനു ഇനങ്ങൾ സൃഷ്ടിക്കുന്നതിലേക്ക് നയിക്കുന്നു. തികച്ചും രസകരമായ ദമ്പതികൾ. ഉദാഹരണത്തിന്, അതിൻ്റെ സഹായത്തോടെ നിങ്ങൾക്ക് ഒരു പേജിനോ അതിൻ്റെ വ്യക്തിഗത ഘടകത്തിനോ വേണ്ടി നിങ്ങളുടെ സ്വന്തം സന്ദർഭ മെനു സൃഷ്ടിക്കാൻ കഴിയും.
- - അതിൽ ഒരു വലിയ ഫീൽഡ് സൃഷ്ടിക്കുന്ന മറ്റൊരു ഫോം ടാഗ്, അതിൽ നിങ്ങൾക്ക് ഒരു വാചകം മാത്രമല്ല, മുഴുവൻ ഖണ്ഡികകളും നൽകാം.
ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു
Yandex എന്തുകൊണ്ടാണ് കാരണങ്ങൾ
വിൻഡോസിലും മാകോസിലും പരീക്ഷിക്കുന്നതിനായി Yandex ബ്രൗസറിൻ്റെ ഒരു പുതിയ ബിൽഡ് പുറത്തിറക്കി. ഇത് നിരവധി മാറ്റങ്ങൾ വരുത്തിയിട്ടുണ്ട്: മെമ്മറി ഉപഭോഗം കുറച്ചു, കൂടുതൽ...
എന്നാൽ എല്ലാ Word രൂപകൽപ്പനയും സൈറ്റിലെ പ്രസിദ്ധീകരണങ്ങൾക്ക് അനുയോജ്യമല്ല, അതിനാൽ HTML ടാഗുകളിൽ ലിസ്റ്റുകൾ എങ്ങനെ ശരിയായി ഫോർമാറ്റ് ചെയ്യാമെന്ന് പഠിക്കുന്നത് മൂല്യവത്താണ്.
ബുള്ളറ്റഡ് ലിസ്റ്റ് ടാഗ് ഇതുപോലെ കാണപ്പെടുന്നു:
ഇതുപോലെ ടാഗ് ചെയ്യാത്ത ഒരു ലിസ്റ്റ് ടാഗ് ചെയ്യുക:
മാത്രമല്ല, ഓരോ ലിസ്റ്റ് ഘടകത്തിനും അതിൻ്റേതായ HTML ഫ്രെയിം ഉണ്ട്:
html കോഡ് ഉപയോഗിച്ച് ടെക്‌സ്‌റ്റിൽ ഒരു ബുള്ളറ്റ് ലിസ്റ്റ് ഹൈലൈറ്റ് ചെയ്യുന്നതിന്, നിങ്ങൾ ഉപയോഗിച്ച രണ്ട് തരം ഘടകങ്ങളും സംയോജിപ്പിക്കേണ്ടതുണ്ട്. ഇത് ഇതുപോലെ കാണപ്പെടും:
അടയാളപ്പെടുത്താത്ത ലിസ്റ്റിന് ഇത് സമാനമാണ്:
ഞങ്ങൾ ലിസ്റ്റുകൾ ക്രമീകരിച്ചു. നമുക്ക് മുന്നോട്ട് പോകാം.
ടെക്സ്റ്റ് ഊന്നൽ ടാഗുകൾ: ബോൾഡും ഇറ്റാലിക്ടെക്സ്റ്റ് ശരിയായി ഫോർമാറ്റ് ചെയ്യാൻ ഏത് ടാഗ് നിങ്ങളെ അനുവദിക്കുന്നു എന്ന് കണ്ടെത്തുമ്പോൾ, ഓരോ കേസിനും രണ്ട് കോഡ് ഓപ്ഷനുകൾ നിങ്ങൾക്ക് ഉടനടി കാണാനാകും. ഇത് പ്രോഗ്രാമർമാരല്ലാത്തവർക്കിടയിൽ ആശയക്കുഴപ്പത്തിനും ചോദ്യത്തിനും കാരണമാകുന്നു: ഉപഭോക്താവിന് കൃത്യമായി എന്ത് ടാഗ് ആവശ്യമാണ്.
എല്ലാം വളരെ ലളിതമാണ്! ടാഗുകൾ ഫിസിക്കൽ, ലോജിക്കൽ ഫോർമാറ്റിംഗ് ഓപ്ഷനുകൾ വാഗ്ദാനം ചെയ്യുന്നു. ആദ്യത്തേത് ഉപയോക്താക്കൾക്ക് ആവശ്യമാണ്, രണ്ടാമത്തേത് - തിരയൽ എഞ്ചിനുകൾക്ക്. “സെർച്ച് എഞ്ചിനുകൾ”, തങ്ങൾക്ക് അനുയോജ്യമായ html കോഡ് കാണുമ്പോൾ, തിരഞ്ഞെടുത്ത ഏരിയ കണക്കിലെടുക്കുകയും റാങ്കിംഗ് ചെയ്യുമ്പോൾ ലഭിച്ച വിവരങ്ങൾ ഉപയോഗിക്കുകയും ചെയ്യുക, അതിനാൽ ലോജിക്കൽ ഫോർമാറ്റിംഗ് ഉപയോഗിച്ച് വാചകം ഹൈലൈറ്റ് ചെയ്യുന്നത് ഒരു തെറ്റായിരിക്കില്ല.
html ടാഗുകൾ ഉപയോഗിക്കുന്നത് സെർച്ച് എഞ്ചിനുകൾ ദയവായി സാധ്യമാക്കുന്നു, കൂടാതെ ഉപയോക്താവിന് ടെക്സ്റ്റ് ദൃശ്യപരമായി ഹൈലൈറ്റ് ചെയ്യുന്നു. എന്താണ് കൂടുതൽ മുൻഗണന, സ്വയം തീരുമാനിക്കുക:
PS-നും ഉപയോക്താക്കൾക്കും വേണ്ടി ബോൾഡിൽ ഒരു വാചകം ഹൈലൈറ്റ് ചെയ്യുന്നു ഉപയോക്താക്കൾക്കായി ഒരു വാചകം ബോൾഡിൽ ഹൈലൈറ്റ് ചെയ്യുന്നു PS-നും ഉപയോക്താക്കൾക്കുമായി ഇറ്റാലിക് ചെയ്യുന്ന ശൈലികൾ ഉപയോക്താക്കൾക്കായി ഒരു വാചകം ഇറ്റാലിക് ചെയ്യുക
ബോൾഡ് ടാഗുകൾ എന്ന വിഷയത്തിൽ എനിക്ക് വലുതും വളരെ വിവാദപരവുമായ ഒരു ലേഖനം ഉണ്ട്, അതിനെ വിളിക്കുന്നു.
പ്രോഗ്രാമർമാരിൽ ഒരാൾ പെട്ടെന്ന് വിഷയം നോക്കുകയാണെങ്കിൽ, അവലോകനം കോപ്പിറൈറ്റർമാർക്കുള്ളതാണെന്ന് ഒരിക്കൽ കൂടി ശ്രദ്ധിക്കാൻ ഞാൻ തിടുക്കം കൂട്ടുന്നു: ടാഗുകൾ എങ്ങനെ ഇടാം, അവ എന്തൊക്കെയാണ്, തിരഞ്ഞെടുക്കുമ്പോൾ എന്താണ് പരിഗണിക്കേണ്ടത്. ഒടുവിൽ, ഖണ്ഡികകൾ ഹൈലൈറ്റ് ചെയ്യുന്നതിന് ഒരു ജനപ്രിയ html കോഡ് കൂടി ആവശ്യമാണ്. ഈ
ഖണ്ഡികയുടെ തുടക്കത്തിന് മുമ്പായി ഓപ്പണിംഗ് ടാഗ് സ്ഥാപിച്ചിരിക്കുന്നു, അവസാനം ക്ലോസിംഗ് ടാഗ് സ്ഥാപിച്ചിരിക്കുന്നു. ഒരു ഖണ്ഡിക അവസാനിക്കുന്നത് ഒരു പട്ടികയിൽ ആണെങ്കിൽ, പിന്നെ
ലിസ്റ്റിനായി ഉപയോഗിക്കുന്ന എല്ലാ ടാഗുകൾക്കും ശേഷം സ്ഥാപിച്ചിരിക്കുന്നു.
ശരി, അവസാനം ചില ലളിതമായ തീമാറ്റിക് ഇൻഫോഗ്രാഫിക്സ്:
കമൻ്റുകളിൽ വിഷയത്തെക്കുറിച്ചുള്ള ചർച്ച ആരംഭിച്ചപ്പോൾ, ക്ലബ് ഓഫ് സക്സസ്ഫുൾ കോപ്പിറൈറ്റേഴ്സ് ഇൻഫോഗ്രാഫിക്സിനെ കുറിച്ചും ലേഖനത്തെ കുറിച്ചും രസകരമായ ഫീഡ്ബാക്ക് നൽകി. ചർച്ചയിലെ ആധികാരിക പങ്കാളിയുടെ അഭിപ്രായത്തിൻ്റെ സ്ക്രീൻഷോട്ട് ഇതാ.
വായിക്കുക: 3,365
ഈ പാഠം വായിക്കുന്ന എല്ലാവർക്കും ഒരുപക്ഷെ HTML എന്താണെന്ന് അറിയാം. എന്നാൽ അടിസ്ഥാനകാര്യങ്ങൾ അവലോകനം ചെയ്യുന്നത് നിങ്ങളുടെ അറിവ് വർദ്ധിപ്പിക്കാനും നിങ്ങളുടെ കഴിവുകൾ മൂർച്ച കൂട്ടാനും സഹായിക്കുന്നു, പ്രത്യേകിച്ച് എക്കാലത്തെയും വികസിച്ചുകൊണ്ടിരിക്കുന്ന വെബ് സാങ്കേതികവിദ്യകൾ.
HTML 5 കൊണ്ടുവരുന്ന മാറ്റങ്ങളെക്കുറിച്ച് ഇക്കാലത്ത് ധാരാളം ചർച്ചകൾ നടക്കുന്നു. ഈ ലേഖനത്തിൽ പരാമർശിച്ചിരിക്കുന്ന എല്ലാ ടാഗുകളും HTML 4.01, HTML 5 എന്നിവയിൽ പിന്തുണയ്ക്കുന്നു. ഈ ടാഗുകളിൽ ചിലത് വ്യാപകമായി ഉപയോഗിക്കപ്പെടുന്നുണ്ടെങ്കിലും, സാങ്കേതികതകൾ അവലോകനം ചെയ്യുന്നത് വളരെ സഹായകരമാണ്. ഉൾപ്പെട്ടിരിക്കുന്നു.
1.പ്രോഗ്രാമിംഗിനെക്കുറിച്ചുള്ള എല്ലാ പുസ്തകങ്ങളും നിങ്ങളുടെ കോഡ് എന്താണ് ചെയ്യുന്നതെന്ന് വിശദീകരിക്കുന്നത് വളരെ ഉപയോഗപ്രദമാണെന്ന് പരാമർശിക്കുന്നു. അഭിപ്രായം പറയുന്നത് ഒരു നല്ല ശീലമായിരിക്കുന്നത് എന്തുകൊണ്ട്? എന്താണ് സംഭവിക്കുന്നതെന്ന് മനസിലാക്കാൻ ഇത് നിങ്ങളുടെ കോഡ് വായിക്കുന്ന വ്യക്തിയെ ശരിക്കും സഹായിക്കുന്നു.
HTML-നെ സംബന്ധിച്ചിടത്തോളം, അഭിപ്രായമിടുന്നത് പേജിന് ഭാരം കൂട്ടുന്ന ഒരു പോയിൻ്റായി തോന്നാം. എന്നിരുന്നാലും, വിഭാഗങ്ങൾ നിർവചിക്കുന്നതിനും പേജ് കോഡിൻ്റെ ഘടനയും ഓർഗനൈസേഷനും നിലനിർത്തുന്നതിനും അഭിപ്രായങ്ങൾ ഉപയോഗപ്രദമാകും. ഒരു പ്രോജക്റ്റിൽ പ്രവർത്തിക്കുമ്പോൾ വ്യത്യസ്ത വിഭാഗങ്ങളുടെ തുടക്കവും അവസാനവും അടയാളപ്പെടുത്തുന്നത് ശരിക്കും സഹായിക്കും.
ഇതാണ് പ്രധാന ഉള്ളടക്കം.
... 2. പട്ടിക ശൈലികൾ: , , ഒപ്പംഒരു നല്ല ടേബിൾ ഡിസൈൻ ഉണ്ടാക്കാൻ, നിങ്ങൾ ഉപശീർഷകത്തിൽ പറഞ്ഞിരിക്കുന്ന ടാഗുകൾ ഉപയോഗിക്കേണ്ടതുണ്ട്. അവയെല്ലാം പട്ടിക വരികളെ ബാധിക്കുന്നു, നിങ്ങൾക്ക് അവയ്‌ക്കായി എളുപ്പത്തിൽ ശൈലികൾ സജ്ജമാക്കാൻ കഴിയും.
| ഇനം | Qty |
| തുക | 7 |
| #1 | 3 |
| #2 | 4 |
പട്ടിക വരികൾ പൊതിയുക . പട്ടികയുടെ തലക്കെട്ട് രൂപപ്പെടുന്നത് ഇങ്ങനെയാണ്.
ചരടുകൾ പൊതിയുന്നു പട്ടികയുടെ താഴെയുള്ള മൊത്തം വരികൾ ഞങ്ങൾ രൂപപ്പെടുത്തുന്നു. സ്ട്രിംഗുകൾ വരികൾക്ക് മുമ്പ് നിർവചിക്കേണ്ടതാണ് , അതിനാൽ ബാക്കിയുള്ള പട്ടിക വരികൾക്ക് മുമ്പായി മൊത്തം വരികൾ പ്രദർശിപ്പിക്കും.
ഞങ്ങൾ ഡാറ്റ ലൈനുകൾ പൊതിയുന്നു.
| ഖണ്ഡിക | Qty |
| തുക | 7 |
| #1 | 3 |
| #2 | 4 |
ഉപയോക്താവിന് തിരഞ്ഞെടുക്കാനുള്ള ഡാറ്റ അവതരിപ്പിക്കുന്നതിനുള്ള മികച്ച മാർഗമാണ് ഡ്രോപ്പ്ഡൗൺ ലിസ്റ്റ്. അവർ ചെറിയ ഇടം എടുക്കുക മാത്രമല്ല, ഉപയോക്താക്കൾക്ക് പരിചിതവും ഉപയോഗിക്കാൻ എളുപ്പവുമാണ്. ഒരു അത്ഭുതകരമായ സ്വത്ത് ലിസ്റ്റ് ഇനങ്ങൾക്കായി വിഭാഗങ്ങൾ (അല്ലെങ്കിൽ ഉപശീർഷകങ്ങൾ) സൃഷ്ടിക്കാനുള്ള കഴിവാണ്.
ഡിട്രോയിറ്റ് ടൈഗേഴ്സ് ചിക്കാഗോ കബ്സ് ഡിട്രോയിറ്റ് ലയൺസ് ചിക്കാഗോ ബിയേഴ്സ്
ഡിട്രോയിറ്റ് ടൈഗേഴ്സ് ചിക്കാഗോ കബ്സ് ഡിട്രോയിറ്റ് ലയൺസ് ചിക്കാഗോ ബിയേഴ്സ്
4. തലക്കെട്ടുകൾ - ,,,,, ഒപ്പംതീർച്ചയായും, എല്ലാവരും തലക്കെട്ടുകൾ ഉപയോഗിക്കുന്നു. എന്നാൽ സത്യം പറഞ്ഞാൽ, നിങ്ങൾ അവസാനമായി ഉപയോഗിച്ചത് എപ്പോഴാണ് അതോ അതിലും താഴ്ന്ന തലത്തിലുള്ള തലക്കെട്ടോ? വാചകത്തിനുള്ള അധിക ശൈലികൾ പോലുള്ള കുറച്ച് സെമാൻ്റിക് ഘടനകൾ നിർമ്മിക്കാൻ തലക്കെട്ടുകൾ നിങ്ങളെ അനുവദിക്കുന്നു .
നിങ്ങൾക്കായി അധിക ജോലി സൃഷ്ടിക്കേണ്ട ആവശ്യമില്ല. ശീർഷക ടാഗുകൾ ഓർക്കുക.
5. ഒപ്പംയുക്തിപരമായി ഗ്രൂപ്പുചെയ്‌ത ഇനങ്ങൾക്കിടയിൽ നിങ്ങൾക്കാവശ്യമായ വിവരങ്ങൾ കണ്ടെത്താൻ എളുപ്പമുള്ള സൈറ്റുകൾ എല്ലാവരും ഇഷ്ടപ്പെടുന്നു. ചുറ്റും ചതുരാകൃതിയിലുള്ള ഫ്രെയിം വരച്ച് ഗ്രൂപ്പുകൾ ഒരുമിച്ച് ഘടകങ്ങൾ ഉണ്ടാക്കുന്നു. ഉപയോഗിച്ച് അത്തരമൊരു വിഭാഗത്തിലേക്ക് ഒരു തലക്കെട്ട് ചേർക്കാനും സാധിക്കും .
പൊതുവായ വിവരങ്ങൾ: പേര്: ഇമെയിൽ: ജനനത്തീയതി:
6.ടാഗ് ചെയ്യുക ശൈലിയെ ഒരു തരത്തിലും ബാധിക്കില്ല. ഇത് പേജിൻ്റെ പ്രവർത്തനത്തെ ബാധിക്കുന്നു.
ഇൻപുട്ട് എലമെൻ്റിൻ്റെ ലേബൽ നിർവചിക്കാൻ ഉപയോഗിക്കുന്നു. ലേബൽ തന്നെ മൗസ് ക്ലിക്കുകൾ മനസ്സിലാക്കുന്നു, ഇത് അനുബന്ധ ഇൻപുട്ട് ഫീൽഡ് സജീവമാക്കുന്നു. ഈ ലേബൽ പ്രോപ്പർട്ടി ടെക്സ്റ്റ് ഫീൽഡുകൾക്കും റേഡിയോ ബട്ടണുകൾക്കും പ്രവർത്തിക്കുന്നു.
പേര്: പുരുഷൻ: സ്ത്രീ:
7.ചില പദപ്രയോഗങ്ങൾക്ക് നാടകീയമായ പ്രഭാവം നൽകണമെങ്കിൽ, നിങ്ങൾക്ക് ഉപയോഗിക്കാം . സ്ഥിരസ്ഥിതിയായി, ഘടകത്തിന് മുമ്പും ശേഷവും ഒരു ശൂന്യമായ വരി ചേർക്കും. മൂലകത്തിൽ അടങ്ങിയിരിക്കുന്ന വാചകം ബാക്കിയുള്ള ഉള്ളടക്കത്തിൽ നിന്ന് വേർതിരിക്കുന്നതിന് ഇൻഡൻ്റേഷനും ചേർക്കും.
ഒരു ടാഗ് ഉപയോഗിക്കുന്നതിൻ്റെ ഉദാഹരണംഒരു ടാഗ് ഉപയോഗിക്കുന്നതിൻ്റെ ഉദാഹരണം
8.അത് പറയാനാവില്ല സൂചിപ്പിക്കുന്നു , എന്നാൽ അവ സാധാരണയായി ഒരുമിച്ച് ഉപയോഗിക്കുന്നു.
ടാഗ് ഓർക്കുക , നിങ്ങൾക്ക് ആരെയെങ്കിലും ഉദ്ധരിക്കേണ്ട സമയത്ത്.
ഒരു ടാഗിനൊപ്പം ഒരു ടാഗ് ഉപയോഗിക്കുന്നതിൻ്റെ ഉദാഹരണം. ഈ ഓഫർ ടാഗിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.ഉദ്ധരണി ടാഗിനൊപ്പം ബ്ലോക്ക്‌ക്വോട്ട് ടാഗ് ഉപയോഗിക്കുന്നതിൻ്റെ ഒരു ഉദാഹരണം. ഈ ഓഫർ ടാഗിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.
9.ലിസ്റ്റുകൾ ഉപയോഗിക്കുന്നത് വിവരങ്ങൾ സംഘടിപ്പിക്കുന്നതിനുള്ള മികച്ച അവസരങ്ങൾ നൽകുന്നു. കുറിച്ച് എല്ലാവർക്കും അറിയാം
, എന്നാൽ നിങ്ങൾ എത്ര തവണ ഉപയോഗിക്കുന്നു
ഒപ്പം
? ഒരുപക്ഷേ "നിർവചനങ്ങളുടെ പട്ടിക" എന്ന പേര് ഒരു തുടക്കക്കാരനായ ഡെവലപ്പറെ ആശയക്കുഴപ്പത്തിലാക്കുകയും നിർവചനങ്ങളും വ്യവസ്ഥകളും ചേർക്കാൻ മാത്രമേ അത്തരമൊരു ലിസ്റ്റ് ഉപയോഗിക്കാനാകൂ എന്ന് ചിന്തിക്കുകയും ചെയ്തേക്കാം. എന്നിരുന്നാലും, ഈ സാഹചര്യം യാഥാർത്ഥ്യവുമായി പൊരുത്തപ്പെടുന്നില്ല.
ഓരോ ലിസ്റ്റ് തരവും വിവരങ്ങൾ പ്രദർശിപ്പിക്കുന്ന രീതി മറ്റൊന്നിൽ നിന്ന് വ്യത്യസ്തമാണ്. തീർച്ചയായും നിർത്തേണ്ട ആവശ്യമില്ല
ഒപ്പം
, എന്നാൽ നിർവചനങ്ങളുടെ പട്ടികയുടെ ഘടനയ്ക്ക് കൂടുതൽ വ്യക്തത ആവശ്യമാണ്.
ലിസ്റ്റ് ഇനം #1 ലിസ്റ്റ് ഇനത്തിനായുള്ള നിർവ്വചനം #1 ലിസ്റ്റ് ഇനം #2 ലിസ്റ്റ് ഇനം #2 ൻ്റെ നിർവ്വചനം
ഒരു ലിസ്റ്റ് ഘടകം നിർവചിക്കുന്നതിന് പകരം (
ലിസ്റ്റ് ഇനം #1 ലിസ്റ്റ് ഇനത്തിനായുള്ള നിർവ്വചനം #1 ലിസ്റ്റ് ഇനം #2 ലിസ്റ്റ് ഇനം #2 ൻ്റെ നിർവ്വചനം
10. "(കൂടാതെ മറ്റ് ASCII പ്രതീകങ്ങളും)HTML ഉപയോഗിക്കുമ്പോൾ, ഒരു പ്രതീകം ചേർക്കേണ്ടിവരുമ്പോൾ നിങ്ങൾ ASCII കോഡുകൾ ഉപയോഗിക്കേണ്ടതുണ്ട്. ഈ നിയമത്തിന് അധിക ഘട്ടങ്ങൾ ആവശ്യമാണ്, എന്നാൽ എല്ലാ പ്രതീകങ്ങളും ഉപയോക്താവിൻ്റെ സ്ക്രീനിൽ ശരിയായി പ്രദർശിപ്പിച്ചിട്ടുണ്ടെന്നും ബ്രൗസർ അവയെ മാർക്ക്അപ്പിൻ്റെ ഭാഗമായി കാണുന്നില്ലെന്നും ഇത് ഉറപ്പാക്കുന്നു. ശരിയായി പ്രദർശിപ്പിക്കാത്ത ഏതെങ്കിലും വാചകം നിങ്ങൾ എപ്പോഴെങ്കിലും കണ്ടിട്ടുണ്ടോ? സാധാരണഗതിയിൽ, ഉദ്ധരണി ചിഹ്നങ്ങൾ, അപ്പോസ്‌ട്രോഫികൾ, വലിയതിലും കുറവുള്ള അടയാളങ്ങൾ തുടങ്ങിയവ ഉപയോഗിച്ചാണ് പ്രശ്‌നകരമായ വാചകം സൃഷ്‌ടിക്കുന്നത്. യഥാർത്ഥത്തിൽ അത്തരം നിരവധി പ്രതീകങ്ങൾ ഇല്ല, അവരുടെ ASCII കോഡുകൾ ഓർമ്മിക്കുന്നത് മൂല്യവത്താണ്.
ആംഗിൾ ബ്രാക്കറ്റുകളിൽ (ഉദാഹരണത്തിന്, ) ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഒരു പ്രത്യേക റിസർവ്ഡ് വാക്കാണ് ടാഗ്. ഒരു ടാഗ് HTML-ൻ്റെ പ്രധാന ഘടകമാണ്: കോഡ് അതിൽ നിന്ന് ആരംഭിക്കുന്നു, അത് അവസാനിക്കുന്നു, കൂടാതെ വെബ് പേജിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്ന വിവരങ്ങൾ ടാഗുകളിൽ അടങ്ങിയിരിക്കുന്നു. അവ ചെറിയക്ഷരത്തിൽ, അതായത് സാധാരണ ചെറിയ അക്ഷരങ്ങളിൽ എഴുതാൻ ശുപാർശ ചെയ്യുന്നു: അല്ല, പക്ഷേ.
ടാഗുകളുടെ തരങ്ങൾ എന്തൊക്കെയാണ്?മിക്ക HTML ടാഗുകളും ജോടിയാക്കിയിരിക്കുന്നു: ഒരു ഓപ്പണിംഗ് ടാഗും (ഉദാഹരണത്തിന്, ) ഒരു ക്ലോസിംഗ് ടാഗും ഉണ്ട്, ഇത് ഓപ്പണിംഗ് ടാഗിൽ നിന്ന് ആദ്യത്തെ ആംഗിൾ ബ്രാക്കറ്റിന് ശേഷം ഒരു സ്ലാഷ് (/) കൊണ്ട് വേർതിരിച്ചിരിക്കുന്നു (ഉദാഹരണത്തിന്, ). ഒരു ജോടി ടാഗിനുള്ളിലെ എല്ലാറ്റിനെയും അവയുടെ ഉള്ളടക്കം എന്ന് വിളിക്കുന്നു.
ഈ ടാഗുകൾക്കുള്ളിൽ സ്ഥാപിച്ചിട്ടുള്ള ഉള്ളടക്ക വാചകം ബോൾഡ് ആയി മാറുന്നു
ജോടിയാക്കാത്ത (ഒറ്റ) ടാഗുകളും ഉണ്ട്, അവയെ ടാഗുകൾ എന്ന് വിളിക്കുന്നു. അവർ, ജോടിയാക്കിയ ടാഗുകളിൽ നിന്ന് വ്യത്യസ്തമായി, അടയ്‌ക്കേണ്ടതില്ല, കാരണം അവ ഉള്ളടക്കവുമായി പ്രവർത്തിക്കുന്നില്ല, പക്ഷേ സ്വന്തമായി ചില പ്രവർത്തനങ്ങൾ ചെയ്യുന്നു. സിംഗിൾ ടാഗ് ഉദാഹരണം -
. ഇത് അടുത്ത വരിയിലേക്ക് വാചകം പൊതിയാൻ സജ്ജമാക്കുന്നു.
റഷ്യൻ ഭാഷയുമായി ഞങ്ങൾ സമാന്തരങ്ങൾ വരയ്ക്കുകയാണെങ്കിൽ, ജോടിയാക്കിയ ടാഗുകൾ അവയിൽ അടങ്ങിയിരിക്കുന്ന വാചകത്തിൻ്റെ ഗുണങ്ങളെ ബാധിക്കുന്ന ഉദ്ധരണികളോ ബ്രാക്കറ്റുകളോ ആണെന്ന് നമുക്ക് പറയാം (യഥാസമയം ഉദ്ധരണികൾ അടയ്ക്കാതിരിക്കാൻ ശ്രമിക്കുക), ഒറ്റ ടാഗുകൾ (മാർക്ക്) വിരാമചിഹ്നങ്ങളാണ് ( ആശ്ചര്യം, ചോദ്യം അല്ലെങ്കിൽ ഡോട്ട്).
ഏത് ടാഗിലും ഇവ ഉൾപ്പെടുന്നു:
ടാഗുകൾ മാർക്ക്അപ്പ് ഭാഷയുടെ അടിസ്ഥാനമായതിനാൽ, അവയിൽ ധാരാളം ഉണ്ടെന്നതിൽ അതിശയിക്കാനില്ല. പ്രധാന, ഏറ്റവും പ്രധാനപ്പെട്ട ടാഗുകൾ നോക്കാം.
