വെബ്‌സൈറ്റ് നിർമ്മാണ മേഖലയിൽ അറിവ് നേടാൻ ആഗ്രഹിക്കുന്ന തുടക്കക്കാർക്ക് കൂടുതൽ ശ്രദ്ധ നൽകാൻ ഞാൻ തീരുമാനിച്ചു. എൻ്റെ ടീച്ചർ എന്നെ ഇത് ചെയ്യാൻ പ്രേരിപ്പിച്ചു, കാരണം അവൾ പരിശീലന മാനുവലിൽ ഒരുപാട് തെറ്റുകൾ വരുത്തി. ലബോറട്ടറി ജോലി. വിദ്യാഭ്യാസ വിവരങ്ങൾ എടുത്ത ഉറവിടം നോക്കാനും എൻ്റെ അഭിപ്രായത്തിൻ്റെ രണ്ട് വരികൾ അവിടെ ഇടാനും ഞാൻ സന്തുഷ്ടനാണ്. എന്നാൽ ഇപ്പോൾ അതിനെക്കുറിച്ചല്ല. എൻ്റെ ആദ്യ പ്രഭാഷണത്തിൽ ഞാൻ സംസാരിക്കും

ഒരു HTML പ്രമാണത്തിൻ്റെ ഘടന എന്താണ്?

html ഡോക്യുമെൻ്റിൻ്റെ ഘടന ആരംഭിക്കുന്നതും അവസാനിക്കുന്നതും ടാഗ് സൂചിപ്പിക്കുന്നു. ബ്രൗസറിനും സെർച്ച് എഞ്ചിനുകൾക്കുമുള്ള മിക്ക വിവരങ്ങളും ടാഗുകൾക്കിടയിൽ സംഭരിച്ചിരിക്കുന്നു. ടാഗുകളിൽ ഞങ്ങളുടെ പേജിൻ്റെ ശീർഷകം അടങ്ങിയിരിക്കുന്നു. കൂടുതൽ വിവരങ്ങൾ ഉപയോക്താവിന് വേണ്ടിയുള്ളതാണെന്ന് ടാഗ് സൂചിപ്പിക്കുന്നു, കൂടാതെ ഉപയോക്താവിനുള്ള വിവരങ്ങൾ അവസാനിക്കുന്നുവെന്ന് സ്വാഭാവികമായും സൂചിപ്പിക്കുന്നു.

ഇനി ഞാൻ കുറച്ച് വിശദീകരിക്കാം. എല്ലാ ടാഗുകളും ( ടാഗ് - ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷാ ഘടകം) രണ്ട് തരങ്ങളായി തിരിച്ചിരിക്കുന്നു: "ഒറ്റ", "ക്ലോസിംഗ്". കൂടാതെ, ഇനിപ്പറയുന്ന പ്രതീകങ്ങളിൽ ടാഗുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്< и >, അവയാണ് സാധാരണ html വാചകത്തിൽ നിന്ന് ടാഗിനെ വേർതിരിക്കുന്നത്. ഏറ്റവും ലളിതമായ "ഒറ്റ" ടാഗുകൾ നോക്കാം:

— ഈ ടാഗ് ഇൻസ്റ്റാൾ ചെയ്ത സ്ഥലത്ത് ഒരു പുതിയ ലൈനിലേക്ക് കടക്കുന്നതിന് ഉത്തരവാദിയായ ഒരു ടാഗ്. ഈ ടാഗ് ഉപയോഗിച്ചുള്ള കോഡ് നോക്കാം.

എൻ്റെ ആദ്യ വെബ്സൈറ്റ് എല്ലാവർക്കും ഹലോ!
ഇത് എൻ്റെ ആദ്യത്തെ സൈറ്റാണ്.

ഫലം കാണാൻ കഴിയും.

— ഒരു തിരശ്ചീന രേഖ വരയ്ക്കുന്ന ഒരു ടാഗ്. ഘടകങ്ങൾ തടയുന്നതിന് ഈ ടാഗ് ബാധകമാണ്, ലൈൻ എപ്പോഴും ഒരു പുതിയ ലൈനിൽ ആരംഭിക്കുന്നു. 5 ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്:

• align - വരിയുടെ വിന്യാസം നിർണ്ണയിക്കുന്നു. ഇടത്, മധ്യം, വലത് മൂല്യം എടുക്കാം.
• നിറം - വരിയുടെ നിറം സജ്ജമാക്കുന്നു.
• noshade - 3D ഇഫക്റ്റുകൾ ഇല്ലാതെ ഒരു രേഖ വരയ്ക്കുന്നു.
• വലിപ്പം - ലൈൻ കനം സജ്ജമാക്കുന്നു.
• വീതി - വരിയുടെ വീതി സജ്ജമാക്കുന്നു.

ടാഗ് ഉപയോഗിക്കുന്ന കോഡ്:

എൻ്റെ ആദ്യ സൈറ്റ് എല്ലാവർക്കും ഹലോ! ഇത് എൻ്റെ ആദ്യത്തെ സൈറ്റാണ്.

ഒരു ദൃശ്യ ഉദാഹരണം ഇവിടെ കാണാം.

മറ്റൊരു "ഒറ്റ" ടാഗ് ആണ്. ബ്രൗസറുകൾക്കും സെർച്ച് എഞ്ചിനുകൾക്കും വേണ്ടിയുള്ള വിവരങ്ങൾ സംഭരിക്കുന്നതിന് ഈ ടാഗ് ഉപയോഗിക്കുന്നു. സൈറ്റ് വിവരണങ്ങളും കീവേഡുകളും മറ്റ് ഡാറ്റയും ലഭിക്കുന്നതിന് സെർച്ച് എഞ്ചിനുകൾ മെറ്റാ ടാഗുകളിലേക്ക് നോക്കുന്നു. നിങ്ങൾക്ക് പരിധിയില്ലാത്ത മെറ്റാ ടാഗുകൾ ഉപയോഗിക്കാൻ അനുവാദമുണ്ട്, അവയെല്ലാം നും ഇടയിലായിരിക്കണം. ഏതൊരു മെറ്റാ ടാഗിൻ്റെയും പാരാമീറ്ററുകൾ “പേര്=മൂല്യം” എന്ന രൂപത്തിലാണ്, അത് നിർണ്ണയിക്കുന്നത് ഉള്ളടക്കം, പേര് അല്ലെങ്കിൽ http-equiv . കാരണം മെറ്റാ ടാഗുകൾ മെഷീനുകൾക്കായി ഉദ്ദേശിച്ചുള്ളതാണ്, അവ ദൃശ്യപരമായ മാറ്റങ്ങളൊന്നും വരുത്തുന്നില്ല, അതിനാൽ ഞാൻ സോഴ്‌സ് കോഡ് മാത്രമേ നൽകൂ:

പേജ് UTF-8 എൻകോഡിംഗാണ് ഉപയോഗിക്കുന്നതെന്ന് പേജ് സ്രഷ്ടാവ് വിശ്വസിക്കുന്നുവെന്ന് ഈ വരി സൂചിപ്പിക്കുന്നു. HTML5-ൽ എല്ലാം ലളിതമാണ്; എൻകോഡിംഗ് വ്യക്തമാക്കുന്നതിന്, നിങ്ങൾക്ക് ആവശ്യമുള്ളത് ഇനിപ്പറയുന്ന വരിയാണ്:

മറ്റ് ഒറ്റ ടാഗുകൾ ഉണ്ട് (, ,
, , , , , , , , , , , , , ), എന്നാൽ കുറച്ച് കഴിഞ്ഞ് ഞാൻ നിങ്ങളെ അവർക്ക് പരിചയപ്പെടുത്താം.

ഇനി നമുക്ക് "ക്ലോസിംഗ്" ടാഗുകളെ കുറിച്ച് സംസാരിക്കാം. "ക്ലോസിംഗ് ടാഗ്" എന്ന പേര് തന്നെ ടാഗിന് നിർബന്ധിത ക്ലോസിംഗ് ആവശ്യമാണെന്ന് സൂചിപ്പിക്കുന്നു. ടാഗ് ബാധിക്കുന്ന വാചകത്തിൻ്റെ ഭാഗം വ്യക്തമായി പരിമിതപ്പെടുത്തുന്നതിനാണ് ഇത് ചെയ്യുന്നത്.

വ്യക്തമായ ഉദാഹരണത്തിനായി, ടെക്‌സ്‌റ്റ് ഹൈലൈറ്റ് ചെയ്യാൻ ഉപയോഗിക്കുന്ന ടാഗ് നോക്കാം; ഇത് ഫോണ്ട് ബോൾഡ് ആയി സജ്ജീകരിക്കുന്നു. ടെക്‌സ്‌റ്റ് തിരഞ്ഞെടുക്കലിൻ്റെ മേഖലയെ നിർവചിക്കുന്ന അതിരുകളാണ് ടാഗുകൾ. അകത്തുള്ള കോഡ് ഇതാ അവസാന വരിടാഗ് അടയ്ക്കാൻ മറന്നു:

എൻ്റെ ആദ്യ വെബ്സൈറ്റ് എല്ലാവർക്കും ഹലോ! ഇത് എൻ്റെ ആദ്യത്തെ സൈറ്റാണ്.
എല്ലാവർക്കും ഹായ്! ഇത് എൻ്റെ ആദ്യത്തെ സൈറ്റാണ്.

നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, സങ്കീർണ്ണമായ ഒന്നും തന്നെയില്ല, ഇപ്പോൾ നിങ്ങൾക്ക് പരസ്പരം ലിങ്ക് ചെയ്ത നിരവധി പേജുകൾ സൃഷ്ടിക്കാൻ കഴിയും.

ടെക്‌സ്‌റ്റ് ഹൈലൈറ്റ് ചെയ്യുന്നതിനുള്ള ടാഗുകൾ

ഒരു പേജിലെ ടെക്‌സ്‌റ്റ് ഹൈലൈറ്റ് ചെയ്യാൻ നിരവധി മാർഗങ്ങളുണ്ട്. ഇത് ശൈലികൾ ഉപയോഗിച്ച് ചെയ്യാം, അല്ലെങ്കിൽ നിങ്ങൾക്ക് ടാഗുകൾ ഉപയോഗിക്കാം. രണ്ടാമത്തെ ഓപ്ഷനിൽ ഞങ്ങൾക്ക് (ഇപ്പോൾ) താൽപ്പര്യമുണ്ട്.

— ഫോണ്ട് ബോൾഡ് ആയി സജ്ജീകരിക്കുന്നു.

— ഇറ്റാലിക് ഫോണ്ട് ശൈലി സജ്ജമാക്കുന്നു.

- ടെക്സ്റ്റിലേക്ക് ഒരു അടിവര ചേർക്കുന്നു.

- വാചകം ഊന്നിപ്പറയാൻ ഉദ്ദേശിച്ചുള്ളതാണ്. ബ്രൗസറുകൾ ഈ വാചകം ഇറ്റാലിക്സിൽ പ്രദർശിപ്പിക്കുന്നു.

- വാചകം മറികടക്കുന്നു. ഈ ടാഗ് HTML5-ൽ നിന്ന് നീക്കം ചെയ്‌തു, പകരം ഇത് ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു

— വാചകം മോണോസ്പേസ്ഡ് ടെക്സ്റ്റായി പ്രദർശിപ്പിക്കുന്നു. HTML5-ൽ നിന്ന് നീക്കംചെയ്തു.

— ഫോണ്ട് ഒരു സൂപ്പർസ്ക്രിപ്റ്റായി പ്രദർശിപ്പിക്കുന്നു. ടെക്‌സ്‌റ്റ് ബേസ്‌ലൈനിന് മുകളിലും കുറഞ്ഞ വലുപ്പത്തിലും ഫോണ്ട് ദൃശ്യമാകുന്നു.

— ഒരു സബ്സ്ക്രിപ്റ്റായി ഫോണ്ട് പ്രദർശിപ്പിക്കുന്നു. വരിയിലെ ശേഷിക്കുന്ന പ്രതീകങ്ങളുടെ അടിസ്ഥാനരേഖയ്ക്ക് താഴെയായി ടെക്സ്റ്റ് സ്ഥാപിക്കുകയും വലുപ്പം കുറയുകയും ചെയ്യുന്നു.

- വാചകം ഊന്നിപ്പറയാൻ ഉദ്ദേശിച്ചുള്ളതാണ്. ബ്രൗസറുകൾ ഈ വാചകം ബോൾഡായി പ്രദർശിപ്പിക്കുന്നു.

- സാധാരണ വാചകവുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ ഫോണ്ട് വലുപ്പം ഒന്നായി കുറയ്ക്കുന്നു. IN HTML വലിപ്പം 1 മുതൽ 7 വരെയുള്ള പരമ്പരാഗത യൂണിറ്റുകളിലാണ് ഫോണ്ട് അളക്കുന്നത്, ഡിഫോൾട്ടായി ഉപയോഗിക്കുന്ന ശരാശരി ടെക്‌സ്‌റ്റ് വലുപ്പം 3 ആണ്. ടാഗ് ടെക്‌സ്‌റ്റിനെ ഒരു പരമ്പരാഗത യൂണിറ്റായി കുറയ്ക്കുന്നു. നെസ്റ്റഡ് ടാഗുകൾ അനുവദനീയമാണ്, ഓരോ നെസ്റ്റഡ് ലെവലിലും ഫോണ്ട് വലുപ്പം 1 കൊണ്ട് ചെറുതായിരിക്കും, എന്നാൽ 1-ൽ കുറവായിരിക്കരുത്.

- സാധാരണ വാചകവുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ ഫോണ്ട് വലുപ്പം ഒന്നായി വർദ്ധിപ്പിക്കുന്നു. HTML-ൽ, ഫോണ്ട് വലുപ്പം 1 മുതൽ 7 വരെയുള്ള യൂണിറ്റുകളിലാണ് അളക്കുന്നത്, ശരാശരി ഡിഫോൾട്ട് ടെക്‌സ്‌റ്റ് വലുപ്പം 3 ആണ്. അങ്ങനെ, ഒരു ടാഗ് ചേർക്കുന്നത് ടെക്‌സ്‌റ്റിനെ ഒരു യൂണിറ്റായി വർദ്ധിപ്പിക്കുന്നു. നെസ്റ്റഡ് ടാഗുകൾ അനുവദനീയമാണ്, ഓരോ ലെവലിലും ഫോണ്ട് വലുപ്പം വലുതായിരിക്കും.

- വാചകത്തിലെ ഉദ്ധരണികൾ ഹൈലൈറ്റ് ചെയ്യാൻ ഉപയോഗിക്കുന്നു. കണ്ടെയ്‌നറിലെ ഉള്ളടക്കങ്ങൾ ഉദ്ധരണി ചിഹ്നങ്ങളിൽ ബ്രൗസറിൽ യാന്ത്രികമായി പ്രദർശിപ്പിക്കും.

- ഒരു ഡോക്യുമെൻ്റിനുള്ളിൽ ദൈർഘ്യമേറിയ ഉദ്ധരണികൾ ഹൈലൈറ്റ് ചെയ്യാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നു. ഈ ടാഗ് ഉപയോഗിച്ച് അടയാളപ്പെടുത്തിയിരിക്കുന്ന വാചകം പരമ്പരാഗതമായി ഇടതും വലതും പാഡിംഗുള്ള (ഏകദേശം 40 പിക്സലുകൾ), മുകളിലും താഴെയുമായി പാഡിംഗും ഉള്ള ഒരു വിന്യസിച്ച ബ്ലോക്കായി പ്രദർശിപ്പിക്കും.

— മുൻകൂട്ടി ഫോർമാറ്റ് ചെയ്ത ടെക്സ്റ്റിൻ്റെ ഒരു ബ്ലോക്ക് നിർവചിക്കുന്നു. അത്തരം ടെക്സ്റ്റ് സാധാരണയായി ഒരു മോണോസ്പേസ്ഡ് ഫോണ്ടിലും പദങ്ങൾക്കിടയിലുള്ള എല്ലാ ഇടങ്ങളിലും പ്രദർശിപ്പിക്കും. സ്ഥിരസ്ഥിതിയായി, ഒരു വരിയിലെ കോഡിലെ എത്ര സ്‌പെയ്‌സുകളും വെബ് പേജിൽ ഒന്നായി കാണിക്കും. ഈ സവിശേഷതയെ മറികടക്കാനും ഡെവലപ്പർ ആവശ്യപ്പെടുന്ന വാചകം പ്രദർശിപ്പിക്കാനും ടാഗ് നിങ്ങളെ അനുവദിക്കുന്നു.

- ഒരു ടെക്സ്റ്റ് ഖണ്ഡിക നിർവചിക്കുന്നു. ടാഗ് ചെയ്യുക

ഇത് ഒരു ബ്ലോക്ക് ഘടകമാണ്, എല്ലായ്പ്പോഴും ഒരു പുതിയ വരിയിൽ ആരംഭിക്കുന്നു, പരസ്പരം പിന്തുടരുന്ന വാചകത്തിൻ്റെ ഖണ്ഡികകൾ പാഡിംഗ് ഉപയോഗിച്ച് വേർതിരിക്കുന്നു. ശൈലികൾ ഉപയോഗിച്ച് പാഡിംഗിൻ്റെ അളവ് നിയന്ത്രിക്കാനാകും. ക്ലോസിംഗ് ടാഗ് ഇല്ലെങ്കിൽ, ഖണ്ഡികയുടെ അവസാനം അടുത്ത ബ്ലോക്ക് എലമെൻ്റിൻ്റെ തുടക്കവുമായി പൊരുത്തപ്പെടുന്നതായി കണക്കാക്കുന്നു.

.... - HTML വിവിധ തലങ്ങളിൽ ആറ് തലക്കെട്ടുകൾ വാഗ്ദാനം ചെയ്യുന്നു, ഇത് തലക്കെട്ടിന് ശേഷമുള്ള വിഭാഗത്തിൻ്റെ ആപേക്ഷിക പ്രാധാന്യത്തെ സൂചിപ്പിക്കുന്നു. അതിനാൽ, ടാഗ് ഏറ്റവും പ്രധാനപ്പെട്ട ആദ്യ ലെവൽ തലക്കെട്ടിനെ പ്രതിനിധീകരിക്കുന്നു, കൂടാതെ ടാഗ് ആറാമത്തെ ലെവൽ തലക്കെട്ടിനെ സൂചിപ്പിക്കാൻ സഹായിക്കുന്നു, അത് ഏറ്റവും പ്രധാനപ്പെട്ടതാണ്. ഡിഫോൾട്ടായി, ആദ്യ ലെവൽ ഹെഡിംഗ് ഏറ്റവും വലിയ ബോൾഡ് ഫോണ്ടിൽ പ്രദർശിപ്പിക്കും, തുടർന്നുള്ള ലെവൽ തലക്കെട്ടുകൾ വലുപ്പത്തിൽ ചെറുതാണ്. ടാഗുകൾ ,..., ബ്ലോക്ക് ഘടകങ്ങളെ പരാമർശിക്കുന്നു, അവ എല്ലായ്പ്പോഴും ഒരു പുതിയ വരിയിൽ ആരംഭിക്കുന്നു, അവയ്ക്ക് ശേഷം മറ്റ് ഘടകങ്ങൾ അടുത്ത വരിയിൽ പ്രദർശിപ്പിക്കും. കൂടാതെ, ശീർഷകത്തിന് മുമ്പും ശേഷവും വൈറ്റ് സ്പേസ് ചേർക്കുന്നു. ടാഗിന് ഒരു അലൈൻ ആട്രിബ്യൂട്ട് ഉണ്ട്, അത് ശീർഷകത്തിൻ്റെ വിന്യാസം നിർണ്ണയിക്കുന്നു; ഇതിന് ഇനിപ്പറയുന്ന മൂല്യങ്ങൾ എടുക്കാം: ഇടത് - ഇടത് വിന്യസിച്ച ശീർഷകം, മധ്യത്തിൽ - മധ്യഭാഗത്ത് വിന്യസിച്ചിരിക്കുന്നു, വലത് - വലത് അലൈൻ ചെയ്‌തിരിക്കുന്നു, ന്യായീകരിക്കുക - ന്യായീകരിക്കുന്നു (വലതും ഇടത്തും) . ഒരു വരിയിൽ കൂടുതൽ നീളമുള്ള തലക്കെട്ടുകൾക്ക് മാത്രമേ ഈ മൂല്യം പ്രവർത്തിക്കൂ.

— വലിപ്പം, നിറം, ടൈപ്പ്ഫേസ് തുടങ്ങിയ ഫോണ്ട് സ്വഭാവസവിശേഷതകൾ മാറ്റുന്നതിനുള്ള ഒരു കണ്ടെയ്നറാണ്. ഈ ടാഗ് ഇപ്പോഴും എല്ലാ ബ്രൗസറുകളും പിന്തുണയ്‌ക്കുന്നുണ്ടെങ്കിലും, ഇത് കാലഹരണപ്പെട്ടതായി കണക്കാക്കുകയും അതിൻ്റെ ഉപയോഗം സ്റ്റൈലുകൾക്ക് അനുകൂലമായി ഉപേക്ഷിക്കാൻ ശുപാർശ ചെയ്യുകയും ചെയ്യുന്നു. ടാഗിന് 3 ആട്രിബ്യൂട്ടുകളുണ്ട്: നിറം - വാചകത്തിൻ്റെ നിറം, മുഖം - ഫോണ്ട് ടൈപ്പ്ഫേസ് നിർണ്ണയിക്കുന്നു, വലുപ്പം - പരമ്പരാഗത യൂണിറ്റുകളിൽ ഫോണ്ട് വലുപ്പം സജ്ജമാക്കുന്നു.

— മറ്റ് മെറ്റീരിയലുകളിലേക്കുള്ള ഉദ്ധരണി അല്ലെങ്കിൽ അടിക്കുറിപ്പായി വാചകം അടയാളപ്പെടുത്തുന്നു. CSS വഴി ടെക്‌സ്‌റ്റിൻ്റെ ശൈലി മാറ്റുന്നതിന് ഈ ഹൈലൈറ്റിംഗ് ഉപയോഗപ്രദമാണ്, കൂടാതെ HTML കോഡ് വേർതിരിക്കാനും ഇത് ഉപയോഗിക്കുന്നു ഘടനാപരമായ ഘടകങ്ങൾ. ബ്രൗസറുകൾ സാധാരണയായി ഒരു കണ്ടെയ്‌നറിനുള്ളിലെ ടെക്‌സ്‌റ്റ് ഇറ്റാലിക് ആയി സജ്ജീകരിക്കുന്നു.

- പ്രതീകങ്ങളുടെ ക്രമം ഒരു ചുരുക്കെഴുത്താണെന്ന് സൂചിപ്പിക്കുന്നു. ഉപയോഗിച്ച് തലക്കെട്ട് ആട്രിബ്യൂട്ട്ചുരുക്കത്തിൻ്റെ ഒരു ഡീകോഡിംഗ് നൽകിയിരിക്കുന്നു, ഇത് പരിചയമില്ലാത്ത ആളുകളെ ചുരുക്കെഴുത്ത് മനസ്സിലാക്കാൻ അനുവദിക്കുന്നു. കൂടാതെ, സെർച്ച് എഞ്ചിനുകൾഡോക്യുമെൻ്റിൻ്റെ റാങ്കിംഗ് മെച്ചപ്പെടുത്താൻ ഉപയോഗിക്കാവുന്ന ചുരുക്കെഴുത്തുകളുടെ പൂർണ്ണ-വാചക പതിപ്പ് സൂചിക.

സ്ഥിരസ്ഥിതിയായി, കണ്ടെയ്‌നറിൽ ഘടിപ്പിച്ചിരിക്കുന്ന ടെക്‌സ്‌റ്റ് ഒരു ഡോട്ട് ഇട്ട ലൈൻ ഉപയോഗിച്ച് അടിവരയിട്ടിരിക്കുന്നു.

ഈ ടാഗുകളെല്ലാം ഞാൻ ഉപയോഗിച്ച കോഡ് ചുവടെയുണ്ട്:

എൻ്റെ ആദ്യ സൈറ്റ്

HTML, CSS എന്നിവ വെബ് പേജുകൾ നിർമ്മിക്കുന്നതിനുള്ള രണ്ട് പ്രധാന സാങ്കേതിക വിദ്യകളാണ്. HTML പേജിൻ്റെ ഘടന, CSS (വിഷ്വൽ, ഓറൽ) ലേഔട്ട്, വിവിധ ഉപകരണങ്ങൾക്കായി നൽകുന്നു. ഗ്രാഫിക്‌സിനും സ്‌ക്രിപ്റ്റിംഗിനും ഒപ്പം, വെബ് പേജുകളും വെബ് ആപ്ലിക്കേഷനുകളും നിർമ്മിക്കുന്നതിൻ്റെ അടിസ്ഥാനം HTML, CSS എന്നിവയാണ്. ഇതിനെക്കുറിച്ച് താഴെ കൂടുതലറിയുക:

എന്താണ് HTML?

വെബ് പേജുകളുടെ ഘടന വിവരിക്കുന്നതിനുള്ള ഭാഷയാണ് HTML. HTML രചയിതാക്കൾക്ക് ഇതിനുള്ള മാർഗങ്ങൾ നൽകുന്നു:

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

XHTML ആണ് a HTML ൻ്റെ വകഭേദംഅത് എക്സ്എംഎൽ, എക്സ്റ്റൻസിബിൾ സിൻ്റാക്സ് ഉപയോഗിക്കുന്നു മാർക്ക്അപ്പ് ഭാഷ. XHTML ന് HTML വേരിയൻ്റിന് സമാനമായ എല്ലാ ഘടകങ്ങളും (ഖണ്ഡികകൾ മുതലായവയ്ക്ക്) ഉണ്ട്, എന്നാൽ വാക്യഘടന അല്പം വ്യത്യസ്തമാണ്. XHTML ഒരു XML ആപ്ലിക്കേഷനായതിനാൽ, നിങ്ങൾക്ക് ഇതിനൊപ്പം മറ്റ് XML ടൂളുകളും ഉപയോഗിക്കാം (XML ഉള്ളടക്കം രൂപാന്തരപ്പെടുത്തുന്നതിനുള്ള ഒരു ഭാഷയായ XSLT പോലെ).

എന്താണ് CSS?

നിറങ്ങൾ, ലേഔട്ട്, ഫോണ്ടുകൾ എന്നിവയുൾപ്പെടെ വെബ് പേജുകളുടെ അവതരണം വിവരിക്കുന്നതിനുള്ള ഭാഷയാണ് CSS. വലിയ സ്‌ക്രീനുകൾ, ചെറിയ സ്‌ക്രീനുകൾ അല്ലെങ്കിൽ പ്രിൻ്ററുകൾ പോലുള്ള വിവിധ തരം ഉപകരണങ്ങളിലേക്ക് അവതരണം പൊരുത്തപ്പെടുത്താൻ ഇത് അനുവദിക്കുന്നു. CSS HTML-ൽ നിന്ന് സ്വതന്ത്രമാണ് കൂടാതെ ഏത് XML അടിസ്ഥാനമാക്കിയുള്ള മാർക്ക്അപ്പ് ഭാഷയിലും ഉപയോഗിക്കാനാകും. CSS-ൽ നിന്ന് HTML-നെ വേർതിരിക്കുന്നത് സൈറ്റുകൾ പരിപാലിക്കുന്നതും പേജുകളിലുടനീളം സ്റ്റൈൽ ഷീറ്റുകൾ പങ്കിടുന്നതും വ്യത്യസ്ത പരിതസ്ഥിതികളിലേക്ക് പേജുകൾ ക്രമീകരിക്കുന്നതും എളുപ്പമാക്കുന്നു. അവതരണത്തിൽ നിന്ന് ഘടനയെ (അല്ലെങ്കിൽ: ഉള്ളടക്കം) വേർതിരിക്കുന്നതായി ഇതിനെ പരാമർശിക്കുന്നു.

എന്താണ് WebFonts? ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിൽ ഇൻസ്റ്റാളേഷൻ ആവശ്യമില്ലാതെ തന്നെ വെബിൽ ആവശ്യാനുസരണം ഫോണ്ടുകൾ ഉപയോഗിക്കാൻ ആളുകളെ പ്രാപ്തരാക്കുന്ന ഒരു സാങ്കേതികവിദ്യയാണ് WebFonts. HTML, CSS2, SVG എന്നിവയിലൂടെ ഡൗൺലോഡ് ചെയ്യാവുന്ന ഫോണ്ടുകളിൽ W3C-ക്ക് അനുഭവമുണ്ട്. അടുത്തിടെ വരെ, ഇൻ്റർഓപ്പറബിൾ ഫോണ്ട് ഫോർമാറ്റിൻ്റെ അഭാവം കാരണം ഡൗൺലോഡ് ചെയ്യാവുന്ന ഫോണ്ടുകൾ വെബിൽ സാധാരണമായിരുന്നില്ല. WebFonts പ്രയത്നം, വെബിനായി ഒരു വ്യവസായ-പിന്തുണയുള്ള തുറന്ന ഫോണ്ട് ഫോർമാറ്റ് സൃഷ്ടിക്കുന്നതിലൂടെ ("WOFF" എന്ന് വിളിക്കപ്പെടുന്നു) അത് പരിഹരിക്കാൻ പദ്ധതിയിടുന്നു.

പ്രഭാഷണം അവസാനിച്ചു, നേടിയ അറിവ് നിങ്ങൾക്ക് ഉപയോഗപ്രദമാകുമെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു! അടുത്ത പ്രഭാഷണത്തിൽ, ടാഗ് എന്താണ് സംഭരിക്കുന്നതെന്ന് ഞാൻ നിങ്ങളോട് പറയും, ഇമേജുകൾ ഉപയോഗിച്ച് എല്ലാത്തരം കൃത്രിമത്വങ്ങളും എങ്ങനെ നടത്താമെന്ന് ഞങ്ങൾ പഠിക്കും, കൂടാതെ പട്ടികകളുമായി പരിചയപ്പെടാം.

ഈ ലേഖനം എഴുതുമ്പോൾ, ചില ടാഗുകളുടെ വിവരണം ഇവിടെ നിന്ന് എടുത്തതാണ്

എല്ലാവരും ഇൻ്റർനെറ്റ് ഉപയോഗിക്കുന്നു, എല്ലാവരും വ്യത്യസ്ത സൈറ്റുകൾ ബ്രൗസ് ചെയ്യുന്നു, ഒരുപക്ഷേ എല്ലാവരും അവരുടെ വെബ്സൈറ്റ് ഇൻ്റർനെറ്റിൽ സ്ഥാപിക്കാൻ ആഗ്രഹിക്കുന്നു, പക്ഷേ ഇത് ചെയ്യാൻ എളുപ്പമല്ല, ഇതിന് നിരവധി കാരണങ്ങളുണ്ട്. എന്നിരുന്നാലും, നിങ്ങൾക്ക് ഒരു ഗുണനിലവാരമുള്ള വെബ്‌സൈറ്റ് ഹോസ്റ്റുചെയ്യാൻ കഴിയണമെങ്കിൽ, നിങ്ങൾ അടിസ്ഥാനകാര്യങ്ങൾ അറിഞ്ഞിരിക്കണം " വെബ് പ്രോഗ്രാമിംഗ്", ഇത് HTML ഭാഷയാണ്. ഈ ലേഖനത്തിൽ ഞങ്ങൾ പ്രധാന ഘടകങ്ങൾ, ടാഗുകൾ, ആട്രിബ്യൂട്ടുകൾ എന്നിവ നോക്കും, കൂടാതെ ആദ്യ വെബ് പേജ് പോലും എഴുതുക.

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

HTML ഭാഷയിൽ, നിങ്ങൾക്ക് നിങ്ങളുടേതായ മൾട്ടിമീഡിയ ഉൽപ്പന്നങ്ങൾ സൃഷ്ടിക്കാനും സിഡികളിൽ വിതരണം ചെയ്യാനും കഴിയും, കൂടാതെ HTML പേജുകളുടെ സെറ്റുകളുടെ രൂപത്തിൽ നിർമ്മിച്ച ഈ ഉൽപ്പന്നങ്ങൾക്കെല്ലാം പ്രത്യേക സോഫ്റ്റ്വെയറിൻ്റെ വികസനം ആവശ്യമില്ല, കാരണം ഡാറ്റയുമായി പ്രവർത്തിക്കുന്നതിന് ആവശ്യമായ എല്ലാം ( വെബ് ബ്രൗസറുകൾ) മിക്ക പേഴ്സണൽ കമ്പ്യൂട്ടറുകളിലും സ്റ്റാൻഡേർഡ് സോഫ്റ്റ്വെയറിൻ്റെ ഭാഗമായി.

• ഘടകം ( ഘടകം) - ഡിസൈൻ HTML ഭാഷ. ഇത് ഡാറ്റ ഉൾക്കൊള്ളുന്ന ഒരു ഒബ്‌ജക്‌റ്റാണ്, അത് ഒരു പ്രത്യേക രീതിയിൽ ഫോർമാറ്റ് ചെയ്യാൻ അനുവദിക്കുന്നു. ഏതൊരു വെബ് പേജും ഘടകങ്ങളുടെ ഒരു കൂട്ടമാണ്. ഹൈപ്പർടെക്സ്റ്റിൻ്റെ പ്രധാന ആശയങ്ങളിലൊന്ന് കൂടുണ്ടാക്കുന്ന മൂലകങ്ങളുടെ സാധ്യതയാണ്.
• ടാഗ് ( ടാഗ്) - ഒരു മൂലകത്തിൻ്റെ ആരംഭ അല്ലെങ്കിൽ അവസാന മാർക്കറുകൾ. ടാഗുകൾ മൂലകങ്ങളുടെ പ്രവർത്തനത്തിൻ്റെ അതിരുകൾ നിർവചിക്കുകയും ഘടകങ്ങൾ പരസ്പരം വേർതിരിക്കുകയും ചെയ്യുന്നു. ഒരു വെബ് പേജിൻ്റെ ടെക്‌സ്‌റ്റിൽ, ടാഗുകൾ ആംഗിൾ ബ്രാക്കറ്റുകളിൽ ഘടിപ്പിച്ചിരിക്കുന്നു, കൂടാതെ എൻഡ് ടാഗിനെ എല്ലായ്പ്പോഴും ഒരു സ്ലാഷ് പിന്തുടരുന്നു.
• ആട്രിബ്യൂട്ട് - ഒരു മൂലകത്തിൻ്റെ ഒരു പാരാമീറ്റർ അല്ലെങ്കിൽ പ്രോപ്പർട്ടി. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഇത് ഒരു സ്റ്റാൻഡേർഡ് നാമമുള്ള ഒരു വേരിയബിളാണ് കൂടാതെ ഒരു നിശ്ചിത മൂല്യങ്ങൾ നൽകാം: സ്റ്റാൻഡേർഡ് അല്ലെങ്കിൽ അനിയന്ത്രിതമായ. പ്രതീക ആട്രിബ്യൂട്ട് മൂല്യങ്ങൾ നേരായ ഉദ്ധരണികളിൽ ഉൾപ്പെടുത്തുമെന്ന് പ്രതീക്ഷിക്കുന്നു, എന്നാൽ ചില ബ്രൗസറുകൾ ഉദ്ധരണികൾ ഒഴിവാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. കാരണം, ആട്രിബ്യൂട്ട് തരം എല്ലായ്പ്പോഴും മുൻകൂട്ടി അറിയപ്പെടുന്നു. ആട്രിബ്യൂട്ടുകൾ ആരംഭ ടാഗിനുള്ളിൽ സ്ഥിതിചെയ്യുന്നു, അവ സ്‌പെയ്‌സുകളാൽ പരസ്പരം വേർതിരിക്കപ്പെടുന്നു.
• ഹൈപ്പർലിങ്ക് എന്നത് മറ്റൊരു ഫയലിലേക്കോ ഒബ്‌ജക്റ്റിലേക്കോ ഉള്ള ഒരു പോയിൻ്ററായ ടെക്‌സ്‌റ്റിൻ്റെ ഒരു ഭാഗമാണ്. ഒരു പ്രമാണത്തിൽ നിന്ന് മറ്റൊന്നിലേക്ക് നാവിഗേഷൻ പ്രവർത്തനക്ഷമമാക്കാൻ ഹൈപ്പർലിങ്കുകൾ ആവശ്യമാണ്.
• ഫ്രെയിം ( ഫ്രെയിം) - ഈ പദത്തിന് രണ്ട് അർത്ഥങ്ങളുണ്ട്. ആദ്യത്തേത് അതിൻ്റേതായ സ്ക്രോൾ ബാറുകളുള്ള ഡോക്യുമെൻ്റ് ഏരിയയാണ്. രണ്ടാമത്തെ മൂല്യം ഒരു സമുച്ചയത്തിലെ ഒരു ചിത്രമാണ് ( ആനിമേറ്റഡ്) ഗ്രാഫിക് ഫയൽ (ഒരു സിനിമയിൽ നിന്നുള്ള ഒരു സ്റ്റില്ലിന് സമാനമാണ്). പ്രത്യേക സാഹിത്യത്തിലും പ്രാദേശികവൽക്കരണത്തിലും "ഫ്രെയിം" എന്ന പദത്തിന് പകരം ഇത് സാധ്യമാണ് സോഫ്റ്റ്വെയർ ഉൽപ്പന്നങ്ങൾ"ഫ്രെയിം" അല്ലെങ്കിൽ "ഫ്രെയിം" എന്ന പദം നിങ്ങൾ കാണാനിടയുണ്ട്.
• ഒരു HTML ഫയൽ അല്ലെങ്കിൽ HTML പേജ് എന്നത് HTML ഭാഷയെ അടിസ്ഥാനമാക്കി ഹൈപ്പർടെക്സ്റ്റിൻ്റെ രൂപത്തിൽ സൃഷ്ടിക്കപ്പെട്ട ഒരു പ്രമാണമാണ്. അത്തരം ഫയലുകൾക്ക് htm അല്ലെങ്കിൽ html വിപുലീകരണങ്ങളുണ്ട്.
• ആപ്ലെറ്റ് ( ആപ്ലെറ്റ്) - ഒരു പ്രോഗ്രാം ക്ലയൻ്റിൻ്റെ കമ്പ്യൂട്ടറിലേക്ക് ഒരു പ്രത്യേക ഫയലായി മാറ്റുകയും ഒരു വെബ് പേജ് കാണുമ്പോൾ സമാരംഭിക്കുകയും ചെയ്യുന്നു.
• സ്ക്രിപ്റ്റ് അല്ലെങ്കിൽ സ്ക്രിപ്റ്റ് ( സ്ക്രിപ്റ്റ്) എന്നത് ഒരു വെബ് പേജിൽ അതിൻ്റെ കഴിവുകൾ വിപുലീകരിക്കുന്നതിനായി ഉൾപ്പെടുത്തിയിട്ടുള്ള ഒരു പ്രോഗ്രാമാണ്.
• വിപുലീകരണം ( വിപുലീകരണം) - ഭാഷാ സ്പെസിഫിക്കേഷനിൽ ഉൾപ്പെടുത്തിയിട്ടില്ലാത്ത ഒരു ഘടകം, എന്നാൽ പുതിയത് സൃഷ്ടിക്കാനുള്ള കഴിവ് നൽകാൻ ഉപയോഗിക്കുന്നു രസകരമായ പ്രഭാവംഫോർമാറ്റിംഗ്.
• CGI ( കോമൺ ഗേറ്റ്‌വേഇൻ്റർഫേസ്) - പൊതുവായ പേര്ഒരു സെർവറിൽ പ്രവർത്തിക്കുന്ന പ്രോഗ്രാമുകൾക്കായി, വെബ് പേജുകളുടെ കഴിവുകൾ വികസിപ്പിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, അത്തരം പ്രോഗ്രാമുകൾ ഇല്ലാതെ സംവേദനാത്മക പേജുകൾ സൃഷ്ടിക്കുന്നത് അസാധ്യമാണ്.
• HTML കോഡ് അതിൻ്റെ യഥാർത്ഥ രൂപത്തിലുള്ള ഒരു ഹൈപ്പർടെക്സ്റ്റ് പ്രമാണമാണ്, എല്ലാ ഘടകങ്ങളും ആട്രിബ്യൂട്ടുകളും ദൃശ്യമാണ്.
• വെബ് പേജ് ഹൈപ്പർടെക്സ്റ്റ് ഫോർമാറ്റിൽ തയ്യാറാക്കി വേൾഡ് വൈഡ് വെബിൽ പോസ്റ്റ് ചെയ്ത ഒരു പ്രമാണമാണ് (ഫയൽ).
• വെബ്സൈറ്റ് ( സൈറ്റ്) - ഒരിടത്ത് സ്ഥിതി ചെയ്യുന്നതും പരസ്പരം ബന്ധിപ്പിച്ചിട്ടുള്ളതുമായ ഒരു കൂട്ടം വെബ് പേജുകൾ.
• ബ്രൗസർ ( ബ്രൗസർ) - വെബ് പേജുകൾ കാണുന്നതിനുള്ള ഒരു പ്രോഗ്രാം.
() - സെർവറിൽ നിന്ന് ക്ലയൻ്റ് കമ്പ്യൂട്ടറിലേക്ക് ഫയലുകൾ പകർത്തുന്നു.
• URL ( യൂണിഫോം റിസോഴ്സ് ലൊക്കേറ്റർ) അല്ലെങ്കിൽ യൂണിഫോം റിസോഴ്സ് ലൊക്കേറ്റർ, ഇൻ്റർനെറ്റിലെ ചില ഒബ്ജക്റ്റിൻ്റെ വിലാസം, അതായത്. WWW-നുള്ള ഒരു സാധാരണ URL ഇതുപോലെ കാണപ്പെടുന്നു: http://www.name.domain/filename.

ഭാഷയുടെ എല്ലാ ഘടകങ്ങളെയും മൂന്ന് ഗ്രൂപ്പുകളായി തിരിക്കാം. ആദ്യത്തേതിൽ ഘടന സൃഷ്ടിക്കുന്ന ഘടകങ്ങൾ ഉൾപ്പെടുന്നു ഹൈപ്പർടെക്സ്റ്റ് പ്രമാണം. അത്തരം മൂലകങ്ങളുടെ ഉപയോഗം അവഗണിക്കാനാവാത്ത ഒരു ഔപചാരികതയാണ്. രണ്ടാമത്തെ ഗ്രൂപ്പിൽ ഫോർമാറ്റിംഗ് ഇഫക്റ്റുകൾ സൃഷ്ടിക്കുന്ന ഘടകങ്ങൾ ഉൾപ്പെടുന്നു. ഡോക്യുമെൻ്റിൻ്റെ നിർദ്ദിഷ്ട ആവശ്യകതകൾ, ഡവലപ്പറുടെ ഭാവന, കഴിവ് എന്നിവ അനുസരിച്ചാണ് അവയുടെ ഉപയോഗം നിർണ്ണയിക്കുന്നത്. മൂന്നാമത്തെ ഗ്രൂപ്പിൽ നിങ്ങളെ നിയന്ത്രിക്കാൻ അനുവദിക്കുന്ന ഘടകങ്ങൾ ഉൾപ്പെടുന്നു. സോഫ്റ്റ്വെയർക്ലയൻ്റ് കമ്പ്യൂട്ടറിൽ ഇൻസ്റ്റാൾ ചെയ്യുകയും പ്രവർത്തിക്കുകയും ചെയ്യുന്നു. ഒരു ഡോക്യുമെൻ്റിലേക്ക് ഒരു ഒബ്ജക്റ്റ് ചേർക്കുന്നതിന് ഒരു ഡെവലപ്പർ ഒരു ഹൈപ്പർടെക്സ്റ്റ് എഡിറ്ററോ സമാനമായ പ്രോഗ്രാമോ ഉപയോഗിക്കുമ്പോൾ പലപ്പോഴും അത്തരം ഘടകങ്ങൾ സ്വയമേവ സൃഷ്ടിക്കപ്പെടുന്നു.

HTML സ്പെസിഫിക്കേഷൻ ഒരു സ്റ്റാൻഡേർഡ് ആണെങ്കിലും, ഭാഷയിലേക്ക് പുതിയ ഘടകങ്ങൾ ചേർക്കുന്നു ( വിപുലീകരണങ്ങൾ). അതിനാൽ, ചില വെബ് പേജുകൾ ചില ബ്രൗസറുകൾ ഉപയോഗിച്ച് കാണാൻ കൂടുതൽ സൗകര്യപ്രദമാണ്. ഡബ്ല്യുഡബ്ല്യുഡബ്ല്യു ഡബ്ല്യൂഡബ്ല്യു ഡബ്ല്യൂഡബ്ല്യുവിനായി സോഫ്റ്റ്‌വെയർ വികസിപ്പിച്ചെടുക്കുന്ന അറിയപ്പെടുന്ന കമ്പനികൾ മാത്രമാണ് വിപുലീകരണങ്ങൾ സൃഷ്ടിക്കുന്നത്, സാധാരണ ഉപയോക്താക്കൾക്ക് പ്രോഗ്രാമിംഗിലൂടെ അവരുടെ വെബ് പേജുകൾ മെച്ചപ്പെടുത്താൻ കഴിയും. നീക്കം ചെയ്യാൻ ആപ്പിൾ നിങ്ങളെ അനുവദിക്കുന്നു HTML നിയന്ത്രണങ്ങൾഡെവലപ്പറുടെ ഭാവനയ്ക്ക് സ്കോപ്പ് നൽകുക.

HTML പതിപ്പുകൾ

90 കളുടെ തുടക്കത്തിൽ ടിം ബെനേഴ്‌സ്‌ലീ മുൻകാലങ്ങളിലെ ജനപ്രിയ മൊസൈക് ബ്രൗസറുകളിൽ ഒന്നിന് വേണ്ടി വികസിപ്പിച്ചെടുത്തതാണ് HTML-ൻ്റെ ആദ്യ പതിപ്പ്. എന്നാൽ ബ്രൗസറോ HTML തന്നെയോ ഇതുവരെ കണ്ടെത്തിയില്ല നല്ല ഉപയോഗം. HTML+ 1993-ൽ പ്രത്യക്ഷപ്പെട്ടു, ഈ പതിപ്പും ഫലത്തിൽ ശ്രദ്ധിക്കപ്പെടാതെ പോയി. 1994 ജൂണിൽ പ്രത്യക്ഷപ്പെട്ട പതിപ്പ് 2.0 ന് നന്ദി, HTML ഭാഷ വ്യാപകമായി. ആ നിമിഷം മുതൽ, ലോകമെമ്പാടും WWW-ൻ്റെ ജനപ്രീതി വർദ്ധിച്ചുകൊണ്ടിരിക്കുകയാണ്. പതിപ്പ് 2-ൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന മാനദണ്ഡങ്ങൾ വളരെ സ്ഥാപിതമായിത്തീർന്നിരിക്കുന്നു, അവ ഇന്നും ഉപയോഗിക്കുന്നു.

ഏകദേശം ഒരു വർഷത്തിനുശേഷം പ്രത്യക്ഷപ്പെട്ട HTML പതിപ്പ് 3.0, ഗണിത ചിഹ്നങ്ങൾ വരയ്ക്കാനുള്ള കഴിവ് അവതരിപ്പിച്ചു ( അവിഭാജ്യ ചിഹ്നങ്ങൾ, അനന്തത, ഭിന്നസംഖ്യകൾ, പരാൻതീസിസ് മുതലായവ.) ഭാഷാ ഘടകങ്ങൾ ഉപയോഗിക്കുന്നു. എന്നാൽ ഈ പദ്ധതിയുടെ വികസനം മന്ദഗതിയിലാവുകയും കൂടുതൽ വിതരണം നേടുകയും ചെയ്തില്ല.

1996 ൽ പ്രത്യക്ഷപ്പെട്ടു HTML പതിപ്പുകൾ 3.2 ഇതൊരു മികച്ച പരിഹാരമായിരുന്നു; ഭാഷാ സ്പെസിഫിക്കേഷനിൽ ഫ്രെയിമുകൾ അവതരിപ്പിച്ചുവെന്ന് പരാമർശിച്ചാൽ മതി, അവ ഇപ്പോൾ വെബ്‌സൈറ്റ് ഡെവലപ്പർമാർക്കിടയിൽ വളരെ പ്രചാരത്തിലുണ്ട്. ഇന്നുവരെ, എല്ലാ ബ്രൗസറുകളും HTML-ൻ്റെ ഈ പതിപ്പിനെ പിന്തുണയ്ക്കുന്നു.

ഔദ്യോഗിക HTML 4 സ്പെസിഫിക്കേഷൻ ( ഡൈനാമിക് HTML) 1997 ൽ വികസിപ്പിച്ചെടുത്തു. ഈ സമയത്ത്, ഹൈപ്പർടെക്സ്റ്റിൻ്റെ കൂടുതൽ വികസനം വെബ് പ്രോഗ്രാമിംഗിലൂടെ നടത്തുമെന്ന് ഇതിനകം വ്യക്തമായിരുന്നു. ഭാഷയിലേക്ക് പുതിയ ഘടകങ്ങൾ അവതരിപ്പിക്കുന്നതിനേക്കാൾ ഇത് വളരെ ഫലപ്രദമാണ്.

വെബ് പേജ് ഘടന

HTML ൽ എഴുതിയിരിക്കുന്ന വെബ് പേജിൻ്റെ കോഡ് ചുവടെയുണ്ട്, ഈ പേജ് ഒരു ഉദാഹരണമായി ഉപയോഗിച്ച്, ഞങ്ങൾ അതിൻ്റെ ഘടന വിശകലനം ചെയ്യും, എന്നാൽ ആദ്യം, എല്ലാ കോഡുകളും സാധാരണ രീതിയിൽ പകർത്തുക ടെക്സ്റ്റ് നോട്ട്പാഡ്കൂടാതെ "ഇതായി സംരക്ഷിക്കുക" ക്ലിക്ക് ചെയ്ത് ഫയൽ സേവ് ചെയ്യുക html വിപുലീകരണം, അതായത്. പേരിന് ശേഷം write.html

ഒരു വെബ് ഡോക്യുമെൻ്റിൻ്റെ ഘടന പ്രമാണത്തിൻ്റെ അവസാനഭാഗത്തേക്ക് പോകുക തലക്കെട്ട് 1 തലക്കെട്ട് 2 തലക്കെട്ട് 3 തലക്കെട്ട് 4 തലക്കെട്ട് 5 തലക്കെട്ട് 6 ആദ്യ ലിങ്ക് ഇവിടെയുണ്ട്ഇവിടെ സ്ഥിതിചെയ്യണം
അടിസ്ഥാന വെബ് ടെക്സ്റ്റ്പേജുകൾ.
ഉദാഹരണത്തിന്, ഞാൻ ഇവിടെ ചേർക്കും
നിരവധി കൈമാറ്റങ്ങൾ,
അങ്ങനെ നിങ്ങൾക്ക് കഴിയും
വ്യക്തമായി നിരീക്ഷിക്കുക
ഇത് നിങ്ങൾക്ക് എങ്ങനെ പ്രവർത്തിക്കുന്നു
പ്രമാണത്തിനുള്ളിലെ ലിങ്കുകൾ,
അല്ലാത്തപക്ഷം നിങ്ങൾക്ക് ഒരു വലിയ റെസലൂഷൻ ഉണ്ടെങ്കിൽ,
ലിങ്കുകൾ പിന്തുടരുന്നത് നിങ്ങൾ ശ്രദ്ധിക്കില്ല

HTML പ്രമാണ നൊട്ടേഷൻ. മൂലകങ്ങളുടെ മൾട്ടി-ലെവൽ നെസ്റ്റിംഗ് ആണ് ഭാഷയുടെ തത്വങ്ങളിലൊന്ന്. ഈ ഇനംവെബ് പേജ് മുഴുവനും അതിൻ്റെ ആരംഭ, അവസാന ടാഗുകൾക്കിടയിൽ സ്ഥിതിചെയ്യേണ്ടതിനാൽ ഏറ്റവും പുറത്തുള്ള ഒന്നാണ്. സിദ്ധാന്തത്തിൽ, ഈ ഘടകം ഒരു ഔപചാരികതയായി കണക്കാക്കാം. ഇതിന് പതിപ്പ്, ലാംഗ്, ഡിയർ ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്, ഈ സാഹചര്യത്തിൽ വളരെ അപൂർവമായി മാത്രമേ ഉപയോഗിക്കാറുള്ളൂ, കൂടാതെ വെബ് പേജിൻ്റെ മൊത്തത്തിലുള്ള ഘടന നിർണ്ണയിക്കുന്ന ഹെഡ്, ബോഡി ഫ്രെയിംസെറ്റ്, മറ്റ് ഘടകങ്ങൾ എന്നിവയുടെ കൂടുകെട്ടാൻ ഇത് അനുവദിക്കുന്നു. സ്വാഭാവികമായും, അത്തരം എല്ലാ രേഖകളും ഒരു എൻഡ് ടാഗിൽ അവസാനിക്കുന്നു.

< head >

ഒരു വെബ് പേജിൻ്റെ ശീർഷക മേഖല. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, അതിൻ്റെ ആദ്യ ഭാഗം. മുമ്പത്തെ ഘടകത്തെപ്പോലെ, പ്രമാണത്തിൻ്റെ പൊതുവായ ഘടന രൂപീകരിക്കാൻ മാത്രമേ HEAD പ്രവർത്തിക്കൂ. ഈ ഘടകത്തിന് ലാംഗ്, ഡിർ ആട്രിബ്യൂട്ടുകൾ ഉണ്ടാകാം.

< title >

ഒരു വെബ് പേജിൻ്റെ ശീർഷകം സ്ഥാപിക്കുന്നതിനുള്ള ഒരു ഘടകം. ഈ ഘടകത്തിനുള്ളിൽ സ്ഥിതിചെയ്യുന്ന ടെക്‌സ്‌റ്റ് ലൈൻ ഡോക്യുമെൻ്റിൽ ദൃശ്യമാകില്ല, പക്ഷേ ബ്രൗസർ വിൻഡോയുടെ ടൈറ്റിൽ ബാറിൽ. ഈ ഘടകം സെർച്ച് എഞ്ചിനിലെ പ്രമോഷനെ വളരെയധികം സ്വാധീനിക്കുന്നു സെർച്ച് എഞ്ചിനുകൾ ശ്രദ്ധിക്കുന്നു പ്രത്യേക ശ്രദ്ധഓൺ TITLE ടാഗ്. എൻ്റെ ഉപദേശം: ഈ ടാഗിൽ ഒരിക്കലും ദൈർഘ്യമേറിയ വാചകം ഉണ്ടാക്കരുത് ( 65 അക്ഷരങ്ങൾ മതി).

ഒരു വെബ് പേജ് കാണുമ്പോൾ പ്രതിഫലിക്കാത്ത സേവന വിവരങ്ങൾ ഈ ഘടകത്തിൽ അടങ്ങിയിരിക്കുന്നു. സാധാരണ അർത്ഥത്തിൽ അതിനുള്ളിൽ വാചകം ഇല്ല, അതിനാൽ അവസാന ടാഗ് ഇല്ല. ഓരോ META ഘടകത്തിലും രണ്ട് പ്രധാന ആട്രിബ്യൂട്ടുകൾ അടങ്ങിയിരിക്കുന്നു, അവയിൽ ആദ്യത്തേത് ഡാറ്റ തരം നിർവചിക്കുന്നു, രണ്ടാമത്തേത് ഉള്ളടക്കം നിർവചിക്കുന്നു.

< body >

ഈ ഘടകം ഹൈപ്പർടെക്‌സ്‌റ്റ് സംയോജിപ്പിക്കുന്നു, അത് വെബ് പേജിനെ തന്നെ നിർവചിക്കുന്നു. ഓട്ടോ പേജ് വികസിപ്പിച്ചതും ബ്രൗസർ പ്രദർശിപ്പിക്കുന്നതുമായ ഡോക്യുമെൻ്റിൻ്റെ ദൃശ്യമായ ഭാഗമാണിത്. അതനുസരിച്ച്, ഈ ഘടകത്തിൻ്റെ അവസാന ടാഗ് വെബ് പേജിൻ്റെ അവസാനം കണ്ടെത്തണം. BODY എലമെൻ്റിനുള്ളിൽ, വെബ് പേജ് ഡിസൈനിനായി ഉദ്ദേശിച്ചിട്ടുള്ള എല്ലാ ഘടകങ്ങളും നിങ്ങൾക്ക് ഉപയോഗിക്കാം. ബോഡി എലമെൻ്റിൻ്റെ ആരംഭ ടാഗിൽ, മുഴുവൻ പേജും സജ്ജമാക്കാൻ സഹായിക്കുന്ന നിരവധി ആട്രിബ്യൂട്ടുകൾ നിങ്ങൾക്ക് സ്ഥാപിക്കാൻ കഴിയും. നമുക്ക് അവയെ ക്രമത്തിൽ നോക്കാം.

പേജ് രൂപകൽപ്പനയിൽ സ്വാധീനം ചെലുത്തുന്ന ഈ ടാഗിൻ്റെ ഏറ്റവും ഉപയോഗപ്രദമായ ആട്രിബ്യൂട്ടുകളിൽ ഒന്ന്

പശ്ചാത്തലം="പശ്ചാത്തല ഫയലിലേക്കുള്ള പാത"

അതിൻ്റെ നിറം സജ്ജീകരിക്കുന്നതിന് ലളിതമായ ഒരു പശ്ചാത്തല ഡിസൈൻ വരുന്നു

bgcolor="#FFFFFF"

പശ്ചാത്തല വർണ്ണം മൂന്ന് രണ്ട് അക്കങ്ങളാൽ വ്യക്തമാക്കുന്നു ഹെക്സാഡെസിമൽ സംഖ്യകൾ, ചുവപ്പ്, പച്ച, എന്നിവയുടെ തീവ്രത നിർണ്ണയിക്കുന്നു നീല നിറങ്ങൾ(rbg).

നിങ്ങൾക്ക് പേജിൻ്റെ പശ്ചാത്തലം മാറ്റാൻ കഴിയുന്നതിനാൽ, നിങ്ങൾക്ക് വാചകത്തിൻ്റെ നിറവും മാറ്റാം. ഈ ആവശ്യത്തിനായി താഴെ പറയുന്ന ആട്രിബ്യൂട്ട് ഉണ്ട്

text="#RRGGBB"

ഹൈപ്പർലിങ്കുകളുടെ ടെക്സ്റ്റ് വർണ്ണം സജ്ജമാക്കാൻ, ഇനിപ്പറയുന്ന ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുക

ലിങ്ക്="#RRGGBB"

ഉപയോക്താവ് അവസാനം തിരഞ്ഞെടുത്ത ഹൈപ്പർലിങ്കിനായി നിങ്ങൾക്ക് ഒരു വർണ്ണ മാറ്റം വ്യക്തമാക്കാനും കഴിയും

തലക്കെട്ട് ഘടകം. തലക്കെട്ടുകളുടെ ആറ് തലങ്ങളുണ്ട്, അവ ഇനിപ്പറയുന്ന രീതിയിൽ നിയുക്തമാക്കിയിരിക്കുന്നു.
തലക്കെട്ട്
തലക്കെട്ട്
തലക്കെട്ട്
തലക്കെട്ട്
തലക്കെട്ട്
തലക്കെട്ട്

ലെവൽ 1 തലക്കെട്ടാണ് ഏറ്റവും വലുത്, ലെവൽ 6 ഏറ്റവും ചെറിയ തലക്കെട്ട് നൽകുന്നു. തലക്കെട്ടുകൾക്കായി, നിങ്ങൾക്ക് ഇടത്, മധ്യ അല്ലെങ്കിൽ വലത് വിന്യാസം വ്യക്തമാക്കുന്ന ഒരു ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം:

വിന്യസിക്കുക = "ഇടത്" വിന്യസിക്കുക = "മധ്യഭാഗം" അലൈൻ ചെയ്യുക = "വലത്"

ഒരു പുതിയ ഖണ്ഡിക സൃഷ്ടിക്കാൻ, ടാഗ് ഉപയോഗിക്കുക

ഒപ്പം പോകാൻ പുതിയ വരഒരു ഖണ്ഡിക സൃഷ്ടിക്കാതെ - ടാഗ്
അതായത് കൈമാറ്റം സംഭവിക്കുന്നു. ഈ ടാഗുകൾ അടയ്ക്കേണ്ട ആവശ്യമില്ല. തീർച്ചയായും, നിങ്ങൾ ടാഗിൽ ഉപയോഗിക്കുന്നില്ലെങ്കിൽ

ഖണ്ഡിക വിന്യാസം സജ്ജമാക്കാൻ കഴിയുന്ന ALIGN ഘടകം:

ഇടത്തെ

കേന്ദ്രീകരിച്ചു

ശരിയാണ്

ഈ ഘടകങ്ങൾ തമ്മിലുള്ള വാചകം വീതിയിൽ വിന്യസിച്ചിരിക്കുന്നു

തിരശ്ചീന രേഖ ( തിരശ്ചീന ഭരണം) വളരെ സാധാരണമായ ഒരു ഘടകമാണ്. ഒന്നാമതായി, ഒരു പേജിനെ ഭാഗങ്ങളായി വിഭജിക്കുന്നത് വളരെ എളുപ്പവും സൗകര്യപ്രദവുമാക്കുന്നു. രണ്ടാമതായി, പേജിൻ്റെ രചയിതാവിന് അത്തരം ഡിസൈൻ ഘടകങ്ങളുടെ വളരെ ചെറിയ തിരഞ്ഞെടുപ്പ് ഉള്ളതിനാൽ. മൂലകത്തിന് അവസാന ടാഗ് ഇല്ല, എന്നാൽ ഇടത്, മധ്യം, വലത്, ന്യായീകരണം എന്നിവയ്‌ക്കായി നിരവധി ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്:

• വിന്യസിക്കുക = "ഇടത്"
• വിന്യസിക്കുക = "കേന്ദ്രം"
• വിന്യസിക്കുക = "വലത്"
• വിന്യസിക്കുക=നീതീകരിക്കുക

ഒരു HTML പ്രമാണം വളരെ ബുദ്ധിമുട്ടുള്ളതും ഡോക്യുമെൻ്റിൻ്റെ ആവശ്യമുള്ള വിഭാഗത്തിലേക്ക് വേഗത്തിൽ നീങ്ങേണ്ട ഉപയോക്താവിന് വളരെ സൗകര്യപ്രദവുമല്ല. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾക്ക് ഹൈപ്പർലിങ്ക് മെക്കാനിസം ഉപയോഗിക്കാം. ഇത് ചെയ്യുന്നതിന്, ടെക്സ്റ്റിലെ ശരിയായ സ്ഥലങ്ങളിൽ ഉചിതമായ അടയാളങ്ങൾ സ്ഥാപിക്കുക.

സ്വതന്ത്ര വാചകം

ഈ സാഹചര്യത്തിൽ, പ്രമാണത്തിൻ്റെ നൽകിയിരിക്കുന്ന വരിക്ക് ഒരു പേര് നൽകിയിരിക്കുന്നു, അതിനാൽ ഡോക്യുമെൻ്റിൻ്റെ മറ്റൊരു ഭാഗത്തേക്കോ അല്ലെങ്കിൽ മറ്റൊരു പ്രമാണത്തിൽ പോലും ആ ലേബലിലേക്ക് നയിക്കുന്ന ഒരു ഹൈപ്പർലിങ്ക് സൃഷ്ടിക്കാൻ കഴിയും.

ചിത്രങ്ങൾ ചേർക്കാൻ ( ചിത്രങ്ങൾ) ഒരു HTML പ്രമാണത്തിൽ ഇനിപ്പറയുന്ന ടാഗ് ഉപയോഗിക്കുന്നു ( ഈ ടാഗിൻ്റെ ആട്രിബ്യൂട്ടുകളുടെ പൂർണ്ണമായ വിവരണം നൽകുന്നു):

ലിസ്റ്റുകൾ

(ലിസ്റ്റ്) HTML-ൽ വികസിപ്പിച്ചെടുത്തു, ടെക്സ്റ്റ് എഡിറ്റർമാരുടെ വിജയത്തെ സ്വാധീനിച്ചുവെന്നതിൽ സംശയമില്ല. ഒരു ലിസ്റ്റ് സാധാരണ വാചകത്തിൽ നിന്ന് വ്യത്യസ്തമാണ്, ഒന്നാമതായി, ഉപയോക്താവ് അതിൻ്റെ ഇനങ്ങൾക്ക് നമ്പറിടുന്നതിനെക്കുറിച്ച് ചിന്തിക്കേണ്ടതില്ല: HTML ഈ ചുമതല ഏറ്റെടുക്കുന്നു. ലിസ്റ്റ് പുതിയ ഇനങ്ങളോടൊപ്പം ചേർക്കപ്പെടുകയോ ചുരുക്കുകയോ ചെയ്താൽ, നമ്പറിംഗ് സ്വയമേവ തുടരും. നമ്പറില്ലാത്ത സാഹചര്യത്തിൽ HTML ലിസ്റ്റുകൾഓരോ ഇനത്തിനും മുന്നിൽ അടയാളങ്ങൾ ഇടുന്നു: സർക്കിളുകൾ, ദീർഘചതുരങ്ങൾ, വജ്രങ്ങൾ, മറ്റ് ചിത്രങ്ങൾ. ആത്യന്തികമായി, പട്ടിക ഒരു മാന്യമായ രൂപം കൈക്കൊള്ളുന്നു. അത്തരം ടാഗുകളുടെ രണ്ട് ഗ്രൂപ്പുകളുണ്ട്: ചിലത് ലിസ്റ്റിൻ്റെ പൊതുവായ രൂപം നിർവചിക്കുന്നു ( ആട്രിബ്യൂട്ടുകൾ വ്യക്തമാക്കാൻ നിങ്ങളെ അനുവദിക്കുകയും ചെയ്യുന്നു), മറ്റുള്ളവർ അതിൻ്റെ ആന്തരിക ഘടന വ്യക്തമാക്കുന്നു. ലിസ്റ്റുകളിൽ നിങ്ങൾക്ക് സ്റ്റാൻഡേർഡ് ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കാം. നിരവധി തരം ലിസ്റ്റുകൾ ഉണ്ട്.

ഏറ്റവും സാധാരണമായത് അസംഖ്യം പട്ടികയാണ് ( ക്രമമില്ലാത്ത പട്ടിക). ഇത് ചുവടെ അവതരിപ്പിച്ചിരിക്കുന്നു:

• ലിസ്റ്റ് ഇനം 1
• ലിസ്റ്റ് ഇനം 2
• ലിസ്റ്റ് ഇനം 3

ഒരു ലിസ്‌റ്റിൻ്റെ ഒരു തരം ഹൈലൈറ്റ് ആണ് ഉൽ ഘടകം. ഒരു ലിസ്റ്റ് മറ്റൊന്നിൽ നിന്ന് വേർതിരിക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. li ഘടകം ഓരോ ഇനത്തെയും പ്രതിനിധീകരിക്കുന്നു.

പട്ടികകൾ

ഒരു വെബ് പേജിൽ ഡാറ്റ ഫോർമാറ്റ് ചെയ്യുന്നതിനുള്ള ഏറ്റവും ആവശ്യമായ മാർഗങ്ങളിലൊന്നാണ് അവ. മുഴുവൻ പട്ടികയും വരയ്ക്കാൻ ബ്രൗസർ ശ്രദ്ധിക്കുന്നു എന്നതാണ് പ്രധാന സൗകര്യം. ഫ്രെയിമിൻ്റെ വലുപ്പം ബ്രൗസറിൻ്റെ വ്യൂവിംഗ് വിൻഡോയുടെ വലുപ്പത്തിലേക്കും, തീർച്ചയായും, പട്ടിക സെല്ലുകളിലെ വാചകങ്ങളുടെയും ചിത്രങ്ങളുടെയും ലൈനുകളുടെ വലുപ്പത്തിലേക്ക് സ്വയമേവ ക്രമീകരിക്കാൻ കഴിയും. മറ്റെല്ലാത്തിനും പുറമേ, നിരവധി ഡിസൈൻ പ്രശ്നങ്ങൾ പരിഹരിക്കാൻ പട്ടികകൾ നിങ്ങളെ അനുവദിക്കുന്നു: പരസ്പരം ബന്ധപ്പെട്ട പേജിൻ്റെ ഭാഗങ്ങൾ വിന്യസിക്കുക, ചിത്രങ്ങളും വാചകങ്ങളും പരസ്പരം സ്ഥാപിക്കുക, വർണ്ണ സ്കീമുകൾ നിയന്ത്രിക്കുക തുടങ്ങിയവ. പട്ടികകൾ സൃഷ്ടിക്കുമ്പോൾ, നെസ്റ്റിംഗ് തത്വം പ്രയോഗിക്കുന്നു: പ്രധാന ടേബിൾ എലമെൻ്റിനുള്ളിൽ (ടേബിൾ), വരികൾ (ടിആർ) നിർവചിക്കുന്ന നിരവധി ഘടകങ്ങൾ സൃഷ്ടിക്കപ്പെടുന്നു, കൂടാതെ ഈ മൂലകങ്ങൾക്കുള്ളിൽ വരിയിലെ ഓരോ സെല്ലിനെയും വിവരിക്കാനുള്ള ഘടകങ്ങളുണ്ട് (ടിഡി, ടിഎച്ച്).

നിലവിലുള്ള പട്ടികയുടെ ഘടന മനസ്സിലാക്കുന്നതിനോ പുതിയ പട്ടിക വികസിപ്പിക്കുന്നതിനോ, മൂലകങ്ങളുടെ ക്രമം പട്ടികയെ മുകളിൽ നിന്ന് താഴേക്കും വലത്തുനിന്ന് ഇടത്തോട്ടും വിവരിക്കുന്നു എന്ന ഒരു നിയമമുണ്ട്. ഉദാഹരണത്തിന്, ഒരു TABLE ഘടകത്തിന് ശേഷം ഒരു TR ഘടകം ഉണ്ടെങ്കിൽ, ഇത് ഒരു പുതിയ പട്ടിക വരി നിർവ്വചിക്കുന്നതായി സൂചിപ്പിക്കുന്നു. ഈ ഘടകത്തിന് പിന്നിലെ എല്ലാം ഒരു വരിയിൽ (വലത്തുനിന്ന് ഇടത്തേക്ക്) സ്ഥാപിക്കും. ഇത് TD ഘടകങ്ങളുടെ ഒരു ക്രമമായിരിക്കാം ( കോശങ്ങൾ), മറ്റൊരു മേശയും മറ്റും. അത് പ്രത്യക്ഷപ്പെട്ടതിന് ശേഷം പുതിയ ഘടകം TR, അടുത്ത വരിയുടെ വിവരണം ആരംഭിക്കും, മുതലായവ പട്ടികയുടെ അവസാനം വരെ (ടാഗ്).
അലൈൻ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് പട്ടിക തിരശ്ചീനമായി വിന്യസിക്കാനാകും:

• align="left" - ഇടത്;
• align="center" - മധ്യത്തിൽ;
• align="right" - വലത്തേക്ക്.

പട്ടികയുടെ വീതി കൃത്യമായി പിക്സലുകളിലോ അല്ലെങ്കിൽ ബ്രൗസർ വിൻഡോയിലെ പേജ് വീതിയുടെ ശതമാനമായോ സജ്ജമാക്കാൻ കഴിയും. ഉദാഹരണത്തിന്: വീതി=400 അല്ലെങ്കിൽ വീതി=50%

ഫ്രെയിമിൻ്റെ രൂപം നിയന്ത്രിക്കാൻ രണ്ട് ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുന്നു. ബ്രൗസർ ഫ്രെയിമിൻ്റെ ഒരു ചിത്രം സൃഷ്ടിക്കുന്നു എന്നതാണ് വസ്തുത, അതിൻ്റെ ത്രിമാനതയെ അനുകരിക്കുന്നു ( കുത്തനെയുള്ള) മുഖങ്ങളുടെ പ്രകാശത്തിൽ വ്യത്യാസങ്ങൾ ഉപയോഗിക്കുന്നു

രംഗങ്ങൾ

മിക്കവാറും എല്ലാ വെബ് മാസ്റ്ററുകളും അവരുടെ വെബ്‌സൈറ്റ് പേജുകൾക്ക് ആധുനിക രൂപവും മൾട്ടിഫങ്ഷണൽ, മനോഹരവും ചലനാത്മകവുമാകണമെന്ന് ആഗ്രഹിക്കുന്നു. സ്റ്റാൻഡേർഡ് HTML ഉപയോഗിക്കുന്നുഇത് അസാധ്യമാണ്, അതിനാൽ വ്യത്യസ്ത ഉപകരണങ്ങൾ ഉപയോഗിക്കുന്നു: ആപ്ലെറ്റുകൾ, വസ്തുക്കൾ, കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ മുതലായവ. എന്നാൽ ഏറ്റവും ജനപ്രിയവും വ്യാപകവുമായ തരം ( സ്വീകരണം) എന്നത് സ്ക്രിപ്റ്റുകളുടെ ഉപയോഗമാണ്.

ഫോമിലെ പേജ് വാചകത്തിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഒരു പ്രോഗ്രാം കോഡാണ് സ്ക്രിപ്റ്റ് ഉറവിട വാചകംകൂടാതെ പേജ് കാണുമ്പോൾ ബ്രൗസർ നിർവ്വഹിക്കുന്നു. സ്ക്രിപ്റ്റ് എഴുതാം ജാവാസ്ക്രിപ്റ്റ്, നെറ്റ്‌സ്‌കേപ്പ് വികസിപ്പിച്ചത്, അല്ലെങ്കിൽ ഓൺ വിഷ്വൽ ബേസിക്സ്ക്രിപ്റ്റ് ( VBScript), മൈക്രോസോഫ്റ്റ് വികസിപ്പിച്ചെടുത്തത്.

മറ്റ് പേജ് വിവരങ്ങളിൽ നിന്ന് സ്ക്രിപ്റ്റ് പ്രോഗ്രാം വാചകം വേർതിരിക്കാൻ ഈ ടാഗ് നിങ്ങളെ അനുവദിക്കുന്നു. SCRIPT ടാഗിൽ ഒരു ഭാഷാ ആട്രിബ്യൂട്ട് ഉണ്ടായിരിക്കണം, അത് ഭാഷ വ്യക്തമാക്കുകയും ഇനിപ്പറയുന്ന മൂല്യങ്ങൾ എടുക്കുകയും ചെയ്യുന്നു:

• ജാവാസ്ക്രിപ്റ്റ് - ജാവാസ്ക്രിപ്റ്റിലെ കോഡ്;
• vbscript - VBScript ഭാഷയിലുള്ള കോഡ്.

ടൈപ്പ് ആട്രിബ്യൂട്ടിന് ഭാഷാ തരത്തെയും സൂചിപ്പിക്കാൻ കഴിയും, എന്നിരുന്നാലും അതിൻ്റെ ഉപയോഗം ആവശ്യമില്ല. എല്ലാ നിയമങ്ങളും ലംഘിക്കാതിരിക്കാൻ, നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന നിർവചനം മൂലകത്തിനുള്ളിൽ സ്ഥാപിക്കാം:

type="text/javascript"

പ്രോഗ്രാം എക്സിക്യൂഷൻ്റെ ഫലമായി ഒരു പേജിൻ്റെ ഉള്ളടക്കം മാറ്റാനുള്ള കഴിവാണ് സ്ക്രിപ്റ്റുകളുടെ ഏറ്റവും മികച്ച സവിശേഷതകളിലൊന്ന്. എന്നാൽ ഇത് ഒരു സവിശേഷത മാത്രമാണ്, ഒരു നിയമമല്ല. ഡിഫർ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് (അത് മൂല്യങ്ങളൊന്നും സ്വീകരിക്കുന്നില്ല) അത്തരം മാറ്റങ്ങൾ വരുത്തില്ലെന്ന് നിങ്ങൾക്ക് ബ്രൗസറോട് "പറയാൻ" കഴിയും. ചില സാഹചര്യങ്ങളിൽ, പേജ് വേഗത്തിൽ ലോഡ് ചെയ്യാൻ ഇത് അനുവദിക്കുന്നു.

സ്റ്റാൻഡേർഡ് ആട്രിബ്യൂട്ടുകളിൽ, നിങ്ങൾക്ക് ചാർസെറ്റ് ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം.

സ്ക്രിപ്റ്റ് ടാഗ് ( അല്ലെങ്കിൽ അത്തരം നിരവധി ഘടകങ്ങൾ) HEAD മൂലകത്തിനുള്ളിലോ ബോഡി മൂലകത്തിനകത്തോ സ്ഥിതിചെയ്യാം. സ്‌ക്രിപ്റ്റ് BODY എലമെൻ്റിനുള്ളിലാണെങ്കിൽ, SCRIPT ഘടകത്തെ പിന്തുണയ്‌ക്കാത്ത ചില ബ്രൗസറുകൾ പ്രോഗ്രാം കോഡ് പ്ലെയിൻ ടെക്‌സ്‌റ്റായി മനസ്സിലാക്കി സ്‌ക്രീനിൽ പ്രദർശിപ്പിക്കാനും സാധ്യതയുണ്ട്. ഇത് സംഭവിക്കുന്നത് തടയാൻ, സ്ക്രിപ്റ്റ് കോഡ് ഒരു കമൻ്റായി നൽകി:

-
-
-

എല്ലാ ആധുനിക ബ്രൗസറുകളും ഈ സാങ്കേതികത തിരിച്ചറിയുകയും കമൻ്റ് പ്രതീകങ്ങൾ അവഗണിക്കുകയും ചെയ്യുന്നു. നിങ്ങൾക്ക് സ്ക്രിപ്റ്റിൻ്റെ വാചകത്തിൽ ഒരു അഭിപ്രായം നൽകണമെങ്കിൽ, ഇതിനായി മറ്റൊരു നൊട്ടേഷൻ ഉപയോഗിക്കുന്നു: വരിയുടെ തുടക്കത്തിൽ രണ്ട് സ്ലാഷുകൾ // നൽകിയിട്ടുണ്ട്.
പേജ് ലോഡ് ചെയ്യുമ്പോൾ സ്ക്രിപ്റ്റ് കോഡ് എക്സിക്യൂട്ട് ചെയ്യപ്പെടും, അതായത്. അതിൻ്റെ ഉള്ളടക്കങ്ങൾ ഇപ്പോഴും സ്ക്രീനിൽ ദൃശ്യമാകുമ്പോൾ. ഏറ്റവും ലളിതമായ സാഹചര്യത്തിൻ്റെ ഒരു ഉദാഹരണം ചുവടെയുണ്ട് ( വിൻഡോയിൽ ഒരു സന്ദേശം പ്രദർശിപ്പിക്കുക).

-
-
-
- ഒരു സ്ക്രിപ്റ്റ് മാത്രം
-
- മുന്നറിയിപ്പ് ("നിങ്ങൾ നിങ്ങളുടെ ആദ്യ സ്ക്രിപ്റ്റ് എഴുതി!")
-
-
-
-

ഇതൊരു ലളിതമായ പേജാണ്, എന്നാൽ അതിൽ ഒരു വരി സ്ക്രിപ്റ്റ് ഉൾപ്പെടുന്നു. ഉപയോഗിച്ച് മുന്നറിയിപ്പ് രീതിലോഡുചെയ്യുന്നതിന് മുമ്പ് ഒരു സന്ദേശം പ്രദർശിപ്പിക്കും. ഉപയോക്താവ് ശരി ബട്ടണിൽ ക്ലിക്കുചെയ്യുന്നത് വരെ അത് ഹാംഗ് ചെയ്യും, ഡൗൺലോഡ് തുടരില്ല.
സ്ക്രിപ്റ്റിംഗിനെ പിന്തുണയ്ക്കാത്ത ഒരു ബ്രൗസറിൽ പേജ് കാണാൻ സാധ്യതയുണ്ട്; NOSCRIPT ഘടകം ഇതിനായി നൽകിയിരിക്കുന്നു. ആധുനിക പ്രോഗ്രാമുകൾകാഴ്ചകൾ അതിൻ്റെ ഉള്ളടക്കത്തെ അവഗണിക്കുന്നു. ഈ ഘടകം പല തരത്തിൽ ഉപയോഗിക്കാം. ആരംഭിക്കുന്നതിന്, ഇനിപ്പറയുന്നതു പോലെ നിങ്ങൾക്ക് അതിനുള്ളിൽ ഒരു പരസ്യം പ്രദർശിപ്പിക്കാൻ കഴിയും: " ഈ വെബ് പേജ് കാണുന്നതിന് ആവശ്യമായ സ്ക്രിപ്റ്റ് നിങ്ങളുടെ ബ്രൗസറിന് നടപ്പിലാക്കാൻ കഴിയില്ല!"രണ്ടാമതായി, എലമെൻ്റിനുള്ളിൽ നിങ്ങൾക്ക് സ്ക്രിപ്റ്റുകളില്ലാതെ പേജിൻ്റെ ഒരു ലളിതമായ പതിപ്പ് വികസിപ്പിക്കാൻ കഴിയും. മൂന്നാമതായി, നിങ്ങൾക്ക് മറ്റൊരു HTML പ്രമാണത്തിലേക്ക് ഒരു ലിങ്ക് സൃഷ്ടിക്കാൻ കഴിയും. NOSCRIPT ഘടകത്തിന് ഒരു എൻഡ് ടാഗ് ഉണ്ടായിരിക്കണം.

അതിനാൽ HTML പോലുള്ള ഒരു വെബ് പ്രോഗ്രാമിംഗ് ഭാഷയുടെ അടിസ്ഥാനകാര്യങ്ങൾ ഞങ്ങൾ പരിശോധിച്ചു. ഈ ചെറിയ ലേഖനം വായിച്ചതിനുശേഷവും, നിങ്ങൾക്ക് ഇതിനകം ഒരു ആശയമുണ്ട്, കൂടാതെ ഈ ഭാഷയിൽ പ്രോഗ്രാം ചെയ്യാനുള്ള കഴിവ് പോലും. നല്ലതുവരട്ടെ!

IN ഈയിടെയായികൂടുതൽ പലപ്പോഴും വിവിധ ഇൻ്റർനെറ്റ് HTML ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണോ അല്ലയോ എന്ന വിഷയത്തിൽ ഉറവിടങ്ങൾ ഹോളിവാറുകൾ സൂക്ഷിക്കുന്നു. പതിവുപോലെ, രണ്ട് കാഴ്ചപ്പാടുകൾക്കും അനുകൂലമായി ഗണ്യമായ എണ്ണം വാദങ്ങളുണ്ട്, അതിനാൽ ഈ അനാവശ്യ തർക്കം എനിക്കായി അവസാനിപ്പിക്കാൻ ഞാൻ തീരുമാനിച്ചു.

ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയുടെ നിർവചനം പ്രോഗ്രാമിംഗ് ഭാഷ - ഔപചാരിക ചിഹ്ന സംവിധാനം, റെക്കോർഡിംഗിനായി ഉദ്ദേശിച്ചിട്ടുള്ളതാണ് കമ്പ്യൂട്ടർ പ്രോഗ്രാമുകൾ. പ്രോഗ്രാമിംഗ് ഭാഷ സെറ്റിനെ നിർവചിക്കുന്നു ലെക്സിക്കൽ, വാക്യഘടന, സെമാൻ്റിക്നിർവചിക്കുന്ന നിയമങ്ങൾ രൂപം പ്രോഗ്രാമുകളും പ്രവർത്തനങ്ങൾ, അത് അവളുടെ നിയന്ത്രണത്തിലുള്ള പ്രകടനം നടത്തുന്നയാൾ (കമ്പ്യൂട്ടർ) നിർവഹിക്കും.

ഇതാണ് വിക്കിപീഡിയയിൽ പറയുന്നത്, മറ്റ് മിക്ക ഉറവിടങ്ങളും ഒന്നുകിൽ ഈ നിർവചനം പൂർണ്ണമായും ഉപയോഗിക്കുന്നു അല്ലെങ്കിൽ അർത്ഥം നഷ്ടപ്പെടാതെ സ്വതന്ത്രമായി പ്രകടിപ്പിക്കുന്നു. ഒരു ഭാഷയുടെ നിർവചനത്തിൻ്റെ ഘടകങ്ങളെ നമുക്ക് സൂക്ഷ്മമായി പരിശോധിക്കാം:

• പരിമിതമായ അക്ഷരമാലയിൽ പരിമിതമായ വാക്കുകളുടെ (വരികൾ, ചങ്ങലകൾ) ഒരു കൂട്ടമാണ് ഔപചാരിക ഭാഷ.
• ആശയവിനിമയ പ്രക്രിയയിൽ കൈമാറ്റം ചെയ്യപ്പെടുന്ന സന്ദേശങ്ങൾ/സിഗ്നലുകൾ ഒരേപോലെ വ്യാഖ്യാനിക്കുകയും വ്യാഖ്യാനിക്കുകയും ചെയ്യുന്ന സംവിധാനമാണ് ഒരു അടയാള സംവിധാനം. ചില "അടയാളങ്ങളോട്" പങ്കെടുക്കുന്നവരുടെ പ്രതികരണങ്ങളുടെ അടിസ്ഥാനത്തിൽ ആശയവിനിമയ പ്രക്രിയയ്ക്ക് ചില പര്യാപ്തത നൽകുന്നതിന് ചിലപ്പോൾ സൈൻ സിസ്റ്റങ്ങൾ ആശയവിനിമയ പ്രക്രിയയെ രൂപപ്പെടുത്താൻ സഹായിക്കുന്നു. ഭാഷ (ലിഖിത രൂപത്തിലും, സ്വാഭാവിക ഭാഷകളുടെ കാര്യത്തിൽ, സംഭാഷണ രൂപത്തിലും) സാധാരണയായി ഒരു ചിഹ്ന സംവിധാനത്തിൻ്റെ ഉദാഹരണമായി ഉദ്ധരിക്കുന്നു.
• ഒരു കമ്പ്യൂട്ടറിൻ്റെ നിയന്ത്രണ ഉപകരണം നടപ്പിലാക്കാൻ ഉദ്ദേശിച്ചുള്ള നിർദ്ദേശങ്ങളുടെ ഒരു ശ്രേണിയാണ് കമ്പ്യൂട്ടർ പ്രോഗ്രാം.
• പദാവലി എന്നത് ഒരു പ്രത്യേക ഭാഷയുടെ ഒരു കൂട്ടം, ഒരു ഭാഷയുടെ ഭാഗം അല്ലെങ്കിൽ ഒരു പ്രത്യേക വ്യക്തി അല്ലെങ്കിൽ ഒരു കൂട്ടം ആളുകൾക്ക് അറിയാവുന്ന വാക്കുകളാണ്.
• പ്രോഗ്രാമുകളുടെ ഘടനയെ ചിഹ്നങ്ങളുടെ കൂട്ടങ്ങളായി വിവരിക്കുന്ന ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയുടെ വശമാണ് വാക്യഘടന (സാധാരണയായി - ഉള്ളടക്കം പരിഗണിക്കാതെ). ഒരു ഭാഷയുടെ വാക്യഘടന അതിൻ്റെ അർത്ഥശാസ്ത്രവുമായി വൈരുദ്ധ്യമുള്ളതാണ്. ഒരു ഭാഷയുടെ വാക്യഘടന "ശുദ്ധമായ" ഭാഷയെ വിവരിക്കുന്നു, അതേസമയം സെമാൻ്റിക്സ് വിവിധ വാക്യഘടനകൾക്ക് അർത്ഥങ്ങൾ (പ്രവർത്തനങ്ങൾ) നൽകുന്നു.
• പ്രോഗ്രാമിംഗിലെ സെമാൻ്റിക്‌സ് എന്നത് പ്രോഗ്രാമിംഗ് ഭാഷാ നിർമ്മാണങ്ങളുടെ ഔപചാരിക ഗണിത മാതൃകകളുടെ നിർമ്മാണത്തിലൂടെ അവയുടെ അർത്ഥങ്ങളുടെ ഔപചാരികവൽക്കരണം പഠിക്കുന്ന ഒരു വിഭാഗമാണ്. അത്തരം മോഡലുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഉപകരണങ്ങളായി വിവിധ ഉപകരണങ്ങൾ ഉപയോഗിക്കാം, ഉദാഹരണത്തിന്, ഗണിതശാസ്ത്ര യുക്തി, λ-കാൽക്കുലസ്, സെറ്റ് തിയറി, വിഭാഗ സിദ്ധാന്തം, മോഡൽ സിദ്ധാന്തം, സാർവത്രിക ബീജഗണിതം. ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയുടെ അർത്ഥശാസ്‌ത്രത്തിൻ്റെ ഔപചാരികവൽക്കരണം ഭാഷയെ വിവരിക്കാനും ഭാഷയുടെ സവിശേഷതകൾ നിർണ്ണയിക്കാനും ഈ പ്രോഗ്രാമിംഗ് ഭാഷയിലെ പ്രോഗ്രാമുകളുടെ ഔപചാരിക പരിശോധനയ്‌ക്കും ഉപയോഗിക്കാനാകും.
• ആശയപരമായ ഉള്ളടക്കവും സാധാരണ ശബ്ദവും (സ്പെല്ലിംഗ്) പരസ്പരബന്ധിതമാക്കുന്ന ഒരു അടയാള സംവിധാനമാണ് ഭാഷ.

കൂടുതൽ ലളിതമായ ഭാഷയിൽഅത് ഇങ്ങനെ പ്രസ്താവിക്കാം:

ഒരു കമ്പ്യൂട്ടറിൻ്റെ ഭാഗമായ ഒരു പ്രത്യേക ഉപകരണം ഉപയോഗിച്ച് അവയുടെ നിർവ്വഹണത്തിനായി തുടർച്ചയായി എഴുതാൻ ഉദ്ദേശിച്ചുള്ള നിർദ്ദേശങ്ങൾ (വായിക്കുക: ഇൻ്റർപ്രെറ്റർ/കംപൈലർ/കമ്പ്യൂട്ടർ/പ്രോഗ്രാമർ) നിർദ്ദേശങ്ങൾക്കായി മുൻകൂട്ടി നിശ്ചയിച്ചിട്ടുള്ളതും ഏകീകൃതവും മനസ്സിലാക്കാവുന്നതുമായ നിർദ്ദേശങ്ങളുടെ ഒരു കൂട്ടമാണ് പ്രോഗ്രാമിംഗ് ഭാഷ. കൂടാതെ, പ്രോഗ്രാമിംഗ് ഭാഷയ്ക്ക് നിരവധി സവിശേഷതകൾ ഉണ്ടായിരിക്കണം: പരിമിതമായ എണ്ണം നിർദ്ദേശങ്ങൾ ഉണ്ടായിരിക്കണം, എല്ലാവർക്കും അവ അറിയണം; ചില ഫലങ്ങൾ ലഭിക്കുന്നതിന് നിർദ്ദേശങ്ങൾ ഒരു പ്രത്യേക രീതിയിൽ ഘടനാപരമായിരിക്കണം, എല്ലാവരും അതിനെക്കുറിച്ച് അറിഞ്ഞിരിക്കണം; നിർദ്ദേശങ്ങൾ എഴുതുന്നതിന് നിയമങ്ങൾ ഉണ്ടായിരിക്കണം, എല്ലാവരും അവ അറിയണം; ഭാഷയുടെ ഓരോ നിർമ്മിതിയും എഴുതപ്പെട്ടവയെ നിയുക്തമാക്കേണ്ടവയുമായി അസന്ദിഗ്ദ്ധമായി ബന്ധപ്പെടുത്തണം.

ഇത് വളരെ ബുദ്ധിമുട്ടുള്ളതും വൃത്തികെട്ടതുമായി മാറി, പക്ഷേ സങ്കീർണ്ണമായ വാക്കുകളില്ലാതെ. കുറച്ച് കഴിഞ്ഞ് ഞങ്ങൾ ഈ നിർവചനത്തിലേക്ക് മടങ്ങും.

പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ തരങ്ങൾ

ലോ-ലെവൽ, ഹൈ-ലെവൽ ഭാഷകളിലേക്കുള്ള വിഭജനവും പലപ്പോഴും ഉപയോഗിക്കാറുണ്ട്. പ്രോസസ്സറും പ്രോഗ്രാമറും തമ്മിലുള്ള "ലെയറിൻ്റെ കനം" ഈ തരത്തിൽ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു. സംസാരിക്കുന്നു ലളിതമായ വാക്കുകളിൽ- വി താഴ്ന്ന നിലയിലുള്ള ഭാഷകൾഓരോ നിർദ്ദേശവും ഒന്നോ അതിലധികമോ പ്രോസസർ നിർദ്ദേശങ്ങളെ പ്രതിനിധീകരിക്കുന്നു, കൂടാതെ ഉയർന്ന തലത്തിലുള്ള ഭാഷയിൽ, ഓരോ നിർദ്ദേശവും ഒരു വലിയ പ്രൊസസർ നിർദ്ദേശങ്ങളാണ്.

വിക്കിപീഡിയ അനുസരിച്ച് വ്യത്യസ്ത തരങ്ങളുടെ നിർവചനങ്ങൾ നമുക്ക് സൂക്ഷ്മമായി പരിശോധിക്കാം:

• ഒരു പ്രോഗ്രാമിൻ്റെ മോഡുലറൈസേഷൻ മെച്ചപ്പെടുത്തുന്നതിന് പ്രവർത്തനക്ഷമത വേർപെടുത്തുക എന്ന ആശയത്തെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു പ്രോഗ്രാമിംഗ് മാതൃകയാണ് Aspect-oriented പ്രോഗ്രാമിംഗ് (AOP).
• ഫോമിൽ ഒരു പ്രോഗ്രാമിനെ പ്രതിനിധീകരിക്കുന്നതിനെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു സോഫ്റ്റ്‌വെയർ വികസന രീതിയാണ് ഘടനാപരമായ പ്രോഗ്രാമിംഗ് ശ്രേണിപരമായ ഘടനബ്ലോക്കുകൾ. 20-ാം നൂറ്റാണ്ടിൻ്റെ 70-കളിൽ E. Dijkstra നിർദ്ദേശിച്ചത്, N. Wirth വികസിപ്പിക്കുകയും അനുബന്ധമായി നൽകുകയും ചെയ്തു.
• പ്രൊസീജറൽ പ്രോഗ്രാമിംഗ് എന്നത് ഒരു നിർബന്ധിത ഭാഷയിൽ പ്രോഗ്രാമിംഗ് ആണ്, അതിൽ തുടർച്ചയായി നടപ്പിലാക്കിയ പ്രസ്താവനകൾ സബ്റൂട്ടീനുകളായി കൂട്ടിച്ചേർക്കാവുന്നതാണ്, അതായത്, വലിയവ അവിഭാജ്യ യൂണിറ്റുകൾകോഡ്, ഭാഷയുടെ തന്നെ മെക്കാനിസങ്ങൾ ഉപയോഗിച്ച്.
• ലോജിക് പ്രോഗ്രാമിംഗ് എന്നത് സിദ്ധാന്തങ്ങളുടെ യാന്ത്രിക തെളിവിനെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു പ്രോഗ്രാമിംഗ് മാതൃകയാണ്, കൂടാതെ തന്നിരിക്കുന്ന വസ്തുതകളെയും അനുമാന നിയമങ്ങളെയും അടിസ്ഥാനമാക്കി വിവരങ്ങളുടെ ലോജിക്കൽ അനുമാനത്തിൻ്റെ തത്വങ്ങൾ പഠിക്കുന്ന വ്യതിരിക്ത ഗണിതശാസ്ത്രത്തിൻ്റെ ഒരു വിഭാഗമാണ്. ഗണിതശാസ്ത്ര തത്വങ്ങൾ ഉപയോഗിച്ച് ഗണിതശാസ്ത്ര യുക്തിയുടെ സിദ്ധാന്തത്തെയും ഉപകരണത്തെയും അടിസ്ഥാനമാക്കിയുള്ളതാണ് ലോജിക് പ്രോഗ്രാമിംഗ്.
• ഒബ്ജക്റ്റ് ഓറിയൻ്റഡ് പ്രോഗ്രാമിംഗ് (OOP) എന്നത് ഒരു പ്രോഗ്രാമിംഗ് മാതൃകയാണ്, അതിൽ പ്രധാന ആശയങ്ങൾ ഒബ്ജക്റ്റുകളുടെയും ക്ലാസുകളുടെയും ആശയങ്ങളാണ്. പ്രോട്ടോടൈപ്പ് ഭാഷകളുടെ കാര്യത്തിൽ, ക്ലാസുകൾക്ക് പകരം പ്രോട്ടോടൈപ്പ് ഒബ്ജക്റ്റുകൾ ഉപയോഗിക്കുന്നു.
• ഫങ്ഷണൽ പ്രോഗ്രാമിംഗ് എന്നത് വ്യതിരിക്തമായ ഗണിതശാസ്ത്രത്തിൻ്റെ ഒരു ശാഖയും പ്രോഗ്രാമിംഗ് മാതൃകയുമാണ്, അതിൽ കമ്പ്യൂട്ടേഷൻ പ്രക്രിയയെ ഗണിതശാസ്ത്രപരമായ അർത്ഥത്തിൽ ഫംഗ്ഷനുകളുടെ മൂല്യങ്ങൾ കണക്കാക്കുന്നതായി വ്യാഖ്യാനിക്കപ്പെടുന്നു (പ്രൊസീജറൽ പ്രോഗ്രാമിംഗിലെ സബ്റൂട്ടീനുകളായി ഫംഗ്ഷനുകൾക്ക് വിരുദ്ധമായി).
• ഒരു മൾട്ടി-പാരഡൈം പ്രോഗ്രാമിംഗ് ഭാഷ, ഒരു ചട്ടം പോലെ, മൾട്ടി-പാരഡൈം പ്രോഗ്രാമിംഗിനായുള്ള ഒരു ഉപകരണമായി പ്രത്യേകമായി വികസിപ്പിച്ചെടുത്ത ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണ്, അതായത്, വിഷ്വൽ കഴിവുകൾ തുടക്കത്തിൽ നിരവധി, മിക്കപ്പോഴും ബന്ധമില്ലാത്ത, ഭാഷകളിൽ നിന്ന് പാരമ്പര്യമായി ലഭിക്കാൻ ഉദ്ദേശിച്ചിരുന്നു. .
• പ്രോഗ്രാമിംഗ് ഭാഷകൾ വികസിപ്പിക്കുന്നതിനുള്ള സാധ്യതകളുടെ അതിരുകൾ പര്യവേക്ഷണം ചെയ്യുന്നതിനും ഒരു പ്രത്യേക ആശയത്തിൻ്റെ (“സങ്കൽപ്പത്തിൻ്റെ തെളിവ്”, ഇംഗ്ലീഷ് പ്രൂഫ് ഓഫ് കൺസെപ്റ്റ്) നടപ്പിലാക്കുന്നതിനുള്ള സാധ്യത തെളിയിക്കുന്നതിനും വികസിപ്പിച്ചെടുത്ത ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണ് നിഗൂഢ പ്രോഗ്രാമിംഗ് ഭാഷ. സോഫ്റ്റ്വെയർ ആർട്ട്, അല്ലെങ്കിൽ ഒരു തമാശയായി (കമ്പ്യൂട്ടർ ഹ്യൂമർ).

അനിവാര്യവും പ്രഖ്യാപിതവുമായ സമീപനം
എല്ലാ പ്രോഗ്രാമിംഗ് ഭാഷകളും രണ്ട് ഗ്രൂപ്പുകളായി തിരിച്ചിരിക്കുന്നു: പ്രഖ്യാപനവും അനിവാര്യവുമാണ്.

ഒരു ഗണിതശാസ്ത്ര വീക്ഷണകോണിൽ, അനിവാര്യമായ ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയിലുള്ള ഒരു പ്രോഗ്രാം ആണ് പൊതുവായ തീരുമാനംനിങ്ങളുടെ ചുമതല, മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, "അത് എങ്ങനെ ചെയ്യാം?" എന്ന ചോദ്യത്തിനുള്ള ഉത്തരം എക്സിക്യൂട്ടർ എക്സിക്യൂട്ട് ചെയ്യേണ്ട കമാൻഡുകളുടെ ഒരു ശ്രേണിയാണിത്.

ഒരു ഡിക്ലറേറ്റീവ് പ്രോഗ്രാമിംഗ് ഭാഷയിലെ ഒരു പ്രോഗ്രാം പ്രോഗ്രാമിംഗ് ഭാഷയിൽ ഔപചാരികമാക്കിയ ഒരു പ്രശ്നത്തിൻ്റെയും അത് പരിഹരിക്കാൻ ആവശ്യമായ എല്ലാ സിദ്ധാന്തങ്ങളുടെയും സംയോജനമാണ്; മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, "എന്താണ് ചെയ്യേണ്ടത്?" എന്ന ചോദ്യത്തിനുള്ള ഉത്തരം. ഒരു കംപൈലർ അല്ലെങ്കിൽ പലപ്പോഴും ഒരു ഇൻ്റർപ്രെറ്റർ ആണ് പ്രവർത്തനങ്ങളുടെ ഒരു പ്രത്യേക ക്രമം നടത്തുന്നത് - മെഷീൻ കോഡായി മാറ്റാതെ തന്നെ പ്രോഗ്രാം കോഡ് തത്സമയം എക്സിക്യൂട്ട് ചെയ്യുന്ന ഒരു പ്രോഗ്രാം.

ട്യൂറിംഗ് സമ്പൂർണ്ണത കംപ്യൂട്ടബിലിറ്റി സിദ്ധാന്തത്തിൽ, ഏതെങ്കിലും കമ്പ്യൂട്ടബിൾ ഫംഗ്‌ഷൻ നടപ്പിലാക്കാൻ കഴിയുമെങ്കിൽ, ഒരു എക്‌സിക്യൂട്ടറെ (കമ്പ്യൂട്ടിംഗ് ഘടകങ്ങളുടെ ഒരു കൂട്ടം) ട്യൂറിംഗ് കംപ്ലീറ്റ് എന്ന് വിളിക്കുന്നു. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓരോ കമ്പ്യൂട്ടബിൾ ഫംഗ്ഷനും ഒരു കമ്പ്യൂട്ടിംഗ് ഘടകം (ഉദാഹരണത്തിന്, ഒരു ട്യൂറിംഗ് മെഷീൻ) അല്ലെങ്കിൽ എക്സിക്യൂട്ടർക്കുള്ള ഒരു പ്രോഗ്രാം ഉണ്ട്, കൂടാതെ ഒരു കൂട്ടം കാൽക്കുലേറ്ററുകൾ കണക്കാക്കുന്ന എല്ലാ ഫംഗ്ഷനുകളും കമ്പ്യൂട്ടബിൾ ഫംഗ്ഷനുകളാണ് (ഒരുപക്ഷേ ഇൻപുട്ട്, ഔട്ട്പുട്ട് ഡാറ്റയുടെ ചില കോഡിംഗ് ഉപയോഗിച്ച്. ).
ട്യൂറിംഗ് മെഷീൻ എന്ന അമൂർത്ത കാൽക്കുലേറ്റർ കണ്ടുപിടിച്ച അലൻ ട്യൂറിംഗിൽ നിന്നാണ് ഈ പേര് വന്നത്.
മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഭാഷയാണ് ട്യൂറിംഗ് പൂർത്തിയായി, നിങ്ങൾക്ക് ആവശ്യമുള്ള ഏതെങ്കിലും കംപ്യൂട്ടബിൾ ഫംഗ്‌ഷൻ ഈ ഭാഷയിൽ എഴുതുകയും അതിൻ്റെ എക്‌സിക്യൂട്ടർക്ക് പരിഹരിക്കുകയും ചെയ്യാം.

ട്യൂറിംഗ് പൂർത്തിയായിട്ടില്ലഭാഷകളും നിലവിലുണ്ട്, പക്ഷേ അവ പ്രധാനമായും അക്കാദമിക് ആവശ്യങ്ങൾക്കായി സൃഷ്ടിക്കപ്പെട്ടതിനാൽ, അവ വളരെ കുറച്ച് അറിയപ്പെടുന്നതും വ്യാപകമായി ഉപയോഗിക്കപ്പെടുന്നില്ല.

അടുത്തിടെ, കൂടുതൽ കൂടുതൽ, വിവിധ ഇൻ്റർനെറ്റ് ഉറവിടങ്ങൾ ഈ വിഷയത്തിൽ ഹോളിവറുകൾ സംഘടിപ്പിക്കുന്നു: HTML ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണോ അല്ലയോ. പതിവുപോലെ, രണ്ട് കാഴ്ചപ്പാടുകൾക്കും അനുകൂലമായി ഗണ്യമായ എണ്ണം വാദങ്ങളുണ്ട്, അതിനാൽ ഈ അനാവശ്യ തർക്കം എനിക്കായി അവസാനിപ്പിക്കാൻ ഞാൻ തീരുമാനിച്ചു.

ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയുടെ നിർവചനം പ്രോഗ്രാമിംഗ് ഭാഷ - ഔപചാരിക ചിഹ്ന സംവിധാനം, കമ്പ്യൂട്ടർ പ്രോഗ്രാമുകൾ റെക്കോർഡ് ചെയ്യുന്നതിനായി രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. പ്രോഗ്രാമിംഗ് ഭാഷ സെറ്റിനെ നിർവചിക്കുന്നു ലെക്സിക്കൽ, വാക്യഘടന, സെമാൻ്റിക്നിർവചിക്കുന്ന നിയമങ്ങൾ രൂപംപ്രോഗ്രാമുകളും പ്രവർത്തനങ്ങൾ, അത് അവളുടെ നിയന്ത്രണത്തിലുള്ള പ്രകടനം നടത്തുന്നയാൾ (കമ്പ്യൂട്ടർ) നിർവഹിക്കും.

ഇതാണ് വിക്കിപീഡിയയിൽ പറയുന്നത്, മറ്റ് മിക്ക ഉറവിടങ്ങളും ഒന്നുകിൽ ഈ നിർവചനം പൂർണ്ണമായും ഉപയോഗിക്കുന്നു അല്ലെങ്കിൽ അർത്ഥം നഷ്ടപ്പെടാതെ സ്വതന്ത്രമായി പ്രകടിപ്പിക്കുന്നു. ഒരു ഭാഷയുടെ നിർവചനത്തിൻ്റെ ഘടകങ്ങളെ നമുക്ക് സൂക്ഷ്മമായി പരിശോധിക്കാം:

• പരിമിതമായ അക്ഷരമാലയിൽ പരിമിതമായ വാക്കുകളുടെ (വരികൾ, ചങ്ങലകൾ) ഒരു കൂട്ടമാണ് ഔപചാരിക ഭാഷ.
• ആശയവിനിമയ പ്രക്രിയയിൽ കൈമാറ്റം ചെയ്യപ്പെടുന്ന സന്ദേശങ്ങൾ/സിഗ്നലുകൾ ഒരേപോലെ വ്യാഖ്യാനിക്കുകയും വ്യാഖ്യാനിക്കുകയും ചെയ്യുന്ന സംവിധാനമാണ് ഒരു അടയാള സംവിധാനം. ചില "അടയാളങ്ങളോട്" പങ്കെടുക്കുന്നവരുടെ പ്രതികരണങ്ങളുടെ അടിസ്ഥാനത്തിൽ ആശയവിനിമയ പ്രക്രിയയ്ക്ക് ചില പര്യാപ്തത നൽകുന്നതിന് ചിലപ്പോൾ സൈൻ സിസ്റ്റങ്ങൾ ആശയവിനിമയ പ്രക്രിയയെ രൂപപ്പെടുത്താൻ സഹായിക്കുന്നു. ഭാഷ (ലിഖിത രൂപത്തിലും, സ്വാഭാവിക ഭാഷകളുടെ കാര്യത്തിൽ, സംഭാഷണ രൂപത്തിലും) സാധാരണയായി ഒരു ചിഹ്ന സംവിധാനത്തിൻ്റെ ഉദാഹരണമായി ഉദ്ധരിക്കുന്നു.
• ഒരു കമ്പ്യൂട്ടറിൻ്റെ നിയന്ത്രണ ഉപകരണം നടപ്പിലാക്കാൻ ഉദ്ദേശിച്ചുള്ള നിർദ്ദേശങ്ങളുടെ ഒരു ശ്രേണിയാണ് കമ്പ്യൂട്ടർ പ്രോഗ്രാം.
• പദാവലി എന്നത് ഒരു പ്രത്യേക ഭാഷയുടെ ഒരു കൂട്ടം, ഒരു ഭാഷയുടെ ഭാഗം അല്ലെങ്കിൽ ഒരു പ്രത്യേക വ്യക്തി അല്ലെങ്കിൽ ഒരു കൂട്ടം ആളുകൾക്ക് അറിയാവുന്ന വാക്കുകളാണ്.
• പ്രോഗ്രാമുകളുടെ ഘടനയെ ചിഹ്നങ്ങളുടെ കൂട്ടങ്ങളായി വിവരിക്കുന്ന ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയുടെ വശമാണ് വാക്യഘടന (സാധാരണയായി - ഉള്ളടക്കം പരിഗണിക്കാതെ). ഒരു ഭാഷയുടെ വാക്യഘടന അതിൻ്റെ അർത്ഥശാസ്ത്രവുമായി വൈരുദ്ധ്യമുള്ളതാണ്. ഒരു ഭാഷയുടെ വാക്യഘടന "ശുദ്ധമായ" ഭാഷയെ വിവരിക്കുന്നു, അതേസമയം സെമാൻ്റിക്സ് വിവിധ വാക്യഘടനകൾക്ക് അർത്ഥങ്ങൾ (പ്രവർത്തനങ്ങൾ) നൽകുന്നു.
• പ്രോഗ്രാമിംഗിലെ സെമാൻ്റിക്‌സ് എന്നത് പ്രോഗ്രാമിംഗ് ഭാഷാ നിർമ്മാണങ്ങളുടെ ഔപചാരിക ഗണിത മാതൃകകളുടെ നിർമ്മാണത്തിലൂടെ അവയുടെ അർത്ഥങ്ങളുടെ ഔപചാരികവൽക്കരണം പഠിക്കുന്ന ഒരു വിഭാഗമാണ്. അത്തരം മോഡലുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഉപകരണങ്ങളായി വിവിധ ഉപകരണങ്ങൾ ഉപയോഗിക്കാം, ഉദാഹരണത്തിന്, ഗണിതശാസ്ത്ര യുക്തി, λ-കാൽക്കുലസ്, സെറ്റ് തിയറി, വിഭാഗ സിദ്ധാന്തം, മോഡൽ സിദ്ധാന്തം, സാർവത്രിക ബീജഗണിതം. ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയുടെ അർത്ഥശാസ്‌ത്രത്തിൻ്റെ ഔപചാരികവൽക്കരണം ഭാഷയെ വിവരിക്കാനും ഭാഷയുടെ സവിശേഷതകൾ നിർണ്ണയിക്കാനും ഈ പ്രോഗ്രാമിംഗ് ഭാഷയിലെ പ്രോഗ്രാമുകളുടെ ഔപചാരിക പരിശോധനയ്‌ക്കും ഉപയോഗിക്കാനാകും.
• ആശയപരമായ ഉള്ളടക്കവും സാധാരണ ശബ്ദവും (സ്പെല്ലിംഗ്) പരസ്പരബന്ധിതമാക്കുന്ന ഒരു അടയാള സംവിധാനമാണ് ഭാഷ.

ലളിതമായി പറഞ്ഞാൽ, ഇത് ഇനിപ്പറയുന്ന രീതിയിൽ പ്രസ്താവിക്കാം:

ഒരു കമ്പ്യൂട്ടറിൻ്റെ ഭാഗമായ ഒരു പ്രത്യേക ഉപകരണം ഉപയോഗിച്ച് അവയുടെ നിർവ്വഹണത്തിനായി തുടർച്ചയായി എഴുതാൻ ഉദ്ദേശിച്ചുള്ള നിർദ്ദേശങ്ങൾ (വായിക്കുക: ഇൻ്റർപ്രെറ്റർ/കംപൈലർ/കമ്പ്യൂട്ടർ/പ്രോഗ്രാമർ) നിർദ്ദേശങ്ങൾക്കായി മുൻകൂട്ടി നിശ്ചയിച്ചിട്ടുള്ളതും ഏകീകൃതവും മനസ്സിലാക്കാവുന്നതുമായ നിർദ്ദേശങ്ങളുടെ ഒരു കൂട്ടമാണ് പ്രോഗ്രാമിംഗ് ഭാഷ. കൂടാതെ, പ്രോഗ്രാമിംഗ് ഭാഷയ്ക്ക് നിരവധി സവിശേഷതകൾ ഉണ്ടായിരിക്കണം: പരിമിതമായ എണ്ണം നിർദ്ദേശങ്ങൾ ഉണ്ടായിരിക്കണം, എല്ലാവർക്കും അവ അറിയണം; ചില ഫലങ്ങൾ ലഭിക്കുന്നതിന് നിർദ്ദേശങ്ങൾ ഒരു പ്രത്യേക രീതിയിൽ ഘടനാപരമായിരിക്കണം, എല്ലാവരും അതിനെക്കുറിച്ച് അറിഞ്ഞിരിക്കണം; നിർദ്ദേശങ്ങൾ എഴുതുന്നതിന് നിയമങ്ങൾ ഉണ്ടായിരിക്കണം, എല്ലാവരും അവ അറിയണം; ഭാഷയുടെ ഓരോ നിർമ്മിതിയും എഴുതപ്പെട്ടവയെ നിയുക്തമാക്കേണ്ടവയുമായി അസന്ദിഗ്ദ്ധമായി ബന്ധപ്പെടുത്തണം.

ഇത് വളരെ ബുദ്ധിമുട്ടുള്ളതും വൃത്തികെട്ടതുമായി മാറി, പക്ഷേ സങ്കീർണ്ണമായ വാക്കുകളില്ലാതെ. കുറച്ച് കഴിഞ്ഞ് ഞങ്ങൾ ഈ നിർവചനത്തിലേക്ക് മടങ്ങും.

പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ തരങ്ങൾ

ലോ-ലെവൽ, ഹൈ-ലെവൽ ഭാഷകളിലേക്കുള്ള വിഭജനവും പലപ്പോഴും ഉപയോഗിക്കാറുണ്ട്. ഈ തരങ്ങൾ പ്രോസസ്സറും പ്രോഗ്രാമറും തമ്മിലുള്ള "ലെയറിൻ്റെ കനം" വ്യത്യാസപ്പെട്ടിരിക്കുന്നു. ലളിതമായി പറഞ്ഞാൽ, താഴ്ന്ന നിലയിലുള്ള ഭാഷകളിൽ, ഓരോ നിർദ്ദേശവും ഒന്നോ അതിലധികമോ പ്രോസസർ നിർദ്ദേശങ്ങളെ പ്രതിനിധീകരിക്കുന്നു, ഉയർന്ന തലത്തിലുള്ള ഭാഷയിൽ ഓരോ നിർദ്ദേശവും ഒരു വലിയ പ്രൊസസർ നിർദ്ദേശങ്ങളെ പ്രതിനിധീകരിക്കുന്നു.

വിക്കിപീഡിയ അനുസരിച്ച് വ്യത്യസ്ത തരങ്ങളുടെ നിർവചനങ്ങൾ നമുക്ക് സൂക്ഷ്മമായി പരിശോധിക്കാം:

• ഒരു പ്രോഗ്രാമിൻ്റെ മോഡുലറൈസേഷൻ മെച്ചപ്പെടുത്തുന്നതിന് പ്രവർത്തനക്ഷമത വേർപെടുത്തുക എന്ന ആശയത്തെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു പ്രോഗ്രാമിംഗ് മാതൃകയാണ് Aspect-oriented പ്രോഗ്രാമിംഗ് (AOP).
• സ്ട്രക്ചേർഡ് പ്രോഗ്രാമിംഗ് എന്നത് ഒരു സോഫ്റ്റ്‌വെയർ ഡെവലപ്‌മെൻ്റ് മെത്തഡോളജിയാണ്, അത് ബ്ലോക്കുകളുടെ ഒരു ശ്രേണി ഘടനയുടെ രൂപത്തിൽ ഒരു പ്രോഗ്രാം അവതരിപ്പിക്കുന്നതിനെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്. 20-ാം നൂറ്റാണ്ടിൻ്റെ 70-കളിൽ E. Dijkstra നിർദ്ദേശിച്ചത്, N. Wirth വികസിപ്പിക്കുകയും അനുബന്ധമായി നൽകുകയും ചെയ്തു.
• പ്രൊസീജറൽ പ്രോഗ്രാമിംഗ് എന്നത് ഒരു നിർബന്ധിത ഭാഷയിൽ പ്രോഗ്രാമിംഗ് ആണ്, അതിൽ തുടർച്ചയായി നിർവ്വഹിച്ച പ്രസ്താവനകൾ സബ്റൂട്ടീനുകളായി കൂട്ടിച്ചേർക്കാവുന്നതാണ്, അതായത്, ഭാഷയുടെ മെക്കാനിസങ്ങൾ ഉപയോഗിച്ച് കോഡിൻ്റെ വലിയ അവിഭാജ്യ യൂണിറ്റുകൾ.
• ലോജിക് പ്രോഗ്രാമിംഗ് എന്നത് സിദ്ധാന്തങ്ങളുടെ യാന്ത്രിക തെളിവിനെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു പ്രോഗ്രാമിംഗ് മാതൃകയാണ്, കൂടാതെ തന്നിരിക്കുന്ന വസ്തുതകളെയും അനുമാന നിയമങ്ങളെയും അടിസ്ഥാനമാക്കി വിവരങ്ങളുടെ ലോജിക്കൽ അനുമാനത്തിൻ്റെ തത്വങ്ങൾ പഠിക്കുന്ന വ്യതിരിക്ത ഗണിതശാസ്ത്രത്തിൻ്റെ ഒരു വിഭാഗമാണ്. ഗണിതശാസ്ത്ര തത്വങ്ങൾ ഉപയോഗിച്ച് ഗണിതശാസ്ത്ര യുക്തിയുടെ സിദ്ധാന്തത്തെയും ഉപകരണത്തെയും അടിസ്ഥാനമാക്കിയുള്ളതാണ് ലോജിക് പ്രോഗ്രാമിംഗ്.
• ഒബ്ജക്റ്റ് ഓറിയൻ്റഡ് പ്രോഗ്രാമിംഗ് (OOP) എന്നത് ഒരു പ്രോഗ്രാമിംഗ് മാതൃകയാണ്, അതിൽ പ്രധാന ആശയങ്ങൾ ഒബ്ജക്റ്റുകളുടെയും ക്ലാസുകളുടെയും ആശയങ്ങളാണ്. പ്രോട്ടോടൈപ്പ് ഭാഷകളുടെ കാര്യത്തിൽ, ക്ലാസുകൾക്ക് പകരം പ്രോട്ടോടൈപ്പ് ഒബ്ജക്റ്റുകൾ ഉപയോഗിക്കുന്നു.
• ഫങ്ഷണൽ പ്രോഗ്രാമിംഗ് എന്നത് വ്യതിരിക്തമായ ഗണിതശാസ്ത്രത്തിൻ്റെ ഒരു ശാഖയും പ്രോഗ്രാമിംഗ് മാതൃകയുമാണ്, അതിൽ കമ്പ്യൂട്ടേഷൻ പ്രക്രിയയെ ഗണിതശാസ്ത്രപരമായ അർത്ഥത്തിൽ ഫംഗ്ഷനുകളുടെ മൂല്യങ്ങൾ കണക്കാക്കുന്നതായി വ്യാഖ്യാനിക്കപ്പെടുന്നു (പ്രൊസീജറൽ പ്രോഗ്രാമിംഗിലെ സബ്റൂട്ടീനുകളായി ഫംഗ്ഷനുകൾക്ക് വിരുദ്ധമായി).
• ഒരു മൾട്ടി-പാരഡൈം പ്രോഗ്രാമിംഗ് ഭാഷ, ഒരു ചട്ടം പോലെ, മൾട്ടി-പാരഡൈം പ്രോഗ്രാമിംഗിനായുള്ള ഒരു ഉപകരണമായി പ്രത്യേകമായി വികസിപ്പിച്ചെടുത്ത ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണ്, അതായത്, വിഷ്വൽ കഴിവുകൾ തുടക്കത്തിൽ നിരവധി, മിക്കപ്പോഴും ബന്ധമില്ലാത്ത, ഭാഷകളിൽ നിന്ന് പാരമ്പര്യമായി ലഭിക്കാൻ ഉദ്ദേശിച്ചിരുന്നു. .
• പ്രോഗ്രാമിംഗ് ഭാഷാ വികസനത്തിൻ്റെ അതിരുകൾ പര്യവേക്ഷണം ചെയ്യുന്നതിനും ഒരു പ്രത്യേക ആശയം (“സങ്കൽപ്പത്തിൻ്റെ തെളിവ്”, ഇംഗ്ലീഷ് പ്രൂഫ് ഓഫ് കൺസെപ്റ്റ്) നടപ്പിലാക്കാൻ സാധ്യതയുള്ള ഒരു സോഫ്റ്റ്‌വെയർ ആർട്ടിൻ്റെ സൃഷ്ടിയായി തെളിയിക്കാനും രൂപകൽപ്പന ചെയ്ത ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണ് നിഗൂഢമായ പ്രോഗ്രാമിംഗ് ഭാഷ. , അല്ലെങ്കിൽ ഒരു തമാശയായി (കമ്പ്യൂട്ടർ ഹ്യൂമർ).

അനിവാര്യവും പ്രഖ്യാപിതവുമായ സമീപനം
എല്ലാ പ്രോഗ്രാമിംഗ് ഭാഷകളും രണ്ട് ഗ്രൂപ്പുകളായി തിരിച്ചിരിക്കുന്നു: പ്രഖ്യാപനവും അനിവാര്യവുമാണ്.

ഒരു ഗണിതശാസ്ത്ര വീക്ഷണകോണിൽ, ഒരു നിർബന്ധിത പ്രോഗ്രാമിംഗ് ഭാഷയിലുള്ള ഒരു പ്രോഗ്രാം, തന്നിരിക്കുന്ന പ്രശ്നത്തിനുള്ള പൊതുവായ പരിഹാരമാണ്, മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, "എങ്ങനെ ചെയ്യാം?" എന്ന ചോദ്യത്തിനുള്ള ഉത്തരം. എക്സിക്യൂട്ടർ എക്സിക്യൂട്ട് ചെയ്യേണ്ട കമാൻഡുകളുടെ ഒരു ശ്രേണിയാണിത്.

ഒരു ഡിക്ലറേറ്റീവ് പ്രോഗ്രാമിംഗ് ഭാഷയിലെ ഒരു പ്രോഗ്രാം പ്രോഗ്രാമിംഗ് ഭാഷയിൽ ഔപചാരികമാക്കിയ ഒരു പ്രശ്നത്തിൻ്റെയും അത് പരിഹരിക്കാൻ ആവശ്യമായ എല്ലാ സിദ്ധാന്തങ്ങളുടെയും സംയോജനമാണ്; മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, "എന്താണ് ചെയ്യേണ്ടത്?" എന്ന ചോദ്യത്തിനുള്ള ഉത്തരം. ഒരു കംപൈലർ അല്ലെങ്കിൽ പലപ്പോഴും ഒരു ഇൻ്റർപ്രെറ്റർ ആണ് പ്രവർത്തനങ്ങളുടെ ഒരു പ്രത്യേക ക്രമം നടത്തുന്നത് - മെഷീൻ കോഡായി മാറ്റാതെ തന്നെ പ്രോഗ്രാം കോഡ് തത്സമയം എക്സിക്യൂട്ട് ചെയ്യുന്ന ഒരു പ്രോഗ്രാം.

ട്യൂറിംഗ് സമ്പൂർണ്ണത കംപ്യൂട്ടബിലിറ്റി സിദ്ധാന്തത്തിൽ, ഏതെങ്കിലും കമ്പ്യൂട്ടബിൾ ഫംഗ്‌ഷൻ നടപ്പിലാക്കാൻ കഴിയുമെങ്കിൽ, ഒരു എക്‌സിക്യൂട്ടറെ (കമ്പ്യൂട്ടിംഗ് ഘടകങ്ങളുടെ ഒരു കൂട്ടം) ട്യൂറിംഗ് കംപ്ലീറ്റ് എന്ന് വിളിക്കുന്നു. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓരോ കമ്പ്യൂട്ടബിൾ ഫംഗ്ഷനും ഒരു കമ്പ്യൂട്ടിംഗ് ഘടകം (ഉദാഹരണത്തിന്, ഒരു ട്യൂറിംഗ് മെഷീൻ) അല്ലെങ്കിൽ എക്സിക്യൂട്ടർക്കുള്ള ഒരു പ്രോഗ്രാം ഉണ്ട്, കൂടാതെ ഒരു കൂട്ടം കാൽക്കുലേറ്ററുകൾ കണക്കാക്കുന്ന എല്ലാ ഫംഗ്ഷനുകളും കമ്പ്യൂട്ടബിൾ ഫംഗ്ഷനുകളാണ് (ഒരുപക്ഷേ ഇൻപുട്ട്, ഔട്ട്പുട്ട് ഡാറ്റയുടെ ചില കോഡിംഗ് ഉപയോഗിച്ച്. ).
ട്യൂറിംഗ് മെഷീൻ എന്ന അമൂർത്ത കാൽക്കുലേറ്റർ കണ്ടുപിടിച്ച അലൻ ട്യൂറിംഗിൽ നിന്നാണ് ഈ പേര് വന്നത്.
മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഭാഷയാണ് ട്യൂറിംഗ് പൂർത്തിയായി, നിങ്ങൾക്ക് ആവശ്യമുള്ള ഏതെങ്കിലും കംപ്യൂട്ടബിൾ ഫംഗ്‌ഷൻ ഈ ഭാഷയിൽ എഴുതുകയും അതിൻ്റെ എക്‌സിക്യൂട്ടർക്ക് പരിഹരിക്കുകയും ചെയ്യാം.

ട്യൂറിംഗ് പൂർത്തിയായിട്ടില്ലഭാഷകളും നിലവിലുണ്ട്, പക്ഷേ അവ പ്രധാനമായും അക്കാദമിക് ആവശ്യങ്ങൾക്കായി സൃഷ്ടിക്കപ്പെട്ടതിനാൽ, അവ വളരെ കുറച്ച് അറിയപ്പെടുന്നതും വ്യാപകമായി ഉപയോഗിക്കപ്പെടുന്നില്ല.

ഉപന്യാസം

1. WWW യുടെ സംക്ഷിപ്ത ചരിത്രം

2. HTML ഭാഷ - വെബ് ഡോക്യുമെൻ്റുകൾ നിർമ്മിക്കുന്നു:

a) വെബ് ഡോക്യുമെൻ്റ് ടെംപ്ലേറ്റ്

b) ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്

സി) ഖണ്ഡിക ഫോർമാറ്റിംഗ്

d) ചിത്രങ്ങളുടെ ചിത്രങ്ങളുമായി പ്രവർത്തിക്കുന്നു:

I. പശ്ചാത്തല ചിത്രങ്ങൾ

II. സ്റ്റാറ്റിക്, ഡൈനാമിക് ഇമേജുകൾ

f) ഫ്രെയിമുകൾ:

I. ലംബ ഫ്രെയിമുകൾ

II. തിരശ്ചീന ഫ്രെയിം

III. നെസ്റ്റഡ് ഫ്രെയിമുകൾ

പ്രമാണം തയ്യാറാക്കുന്നതിനുള്ള ഇതര മാർഗങ്ങൾ

1. വേൾഡ് വൈഡ് വെബിൻ്റെ ഒരു സംക്ഷിപ്ത ചരിത്രം

ഇൻ്റർനെറ്റ്, പ്രത്യേകിച്ച്, എല്ലാത്തരം വിവരങ്ങളുടെയും ഒരു വലിയ ശേഖരമാണെന്ന് എല്ലാവർക്കും അറിയാം. വേൾഡ് വൈഡ് വെബ് (ഡബ്ല്യുഡബ്ല്യുഡബ്ല്യു) വരുന്നതിനുമുമ്പ്, ആവശ്യമായ വിവരങ്ങൾക്കായി ഇൻ്റർനെറ്റ് നാവിഗേറ്റ് ചെയ്യുന്നത് സൗകര്യപ്രദമെന്ന് വിളിക്കാനാവില്ല. ഒരു FTP സെർവറിൽ നിന്ന് ഒരു ഫയൽ ലഭിക്കുന്നതിന്, നിങ്ങൾ ക്ലയൻ്റ് ആപ്ലിക്കേഷൻ പ്രത്യേകം ഡൗൺലോഡ് ചെയ്യേണ്ടതുണ്ട്. അതേ സമയം, നിങ്ങളുടെ പാസ്‌വേഡ് ഓർത്തിരിക്കേണ്ടതുണ്ട്, തിരയുന്നതിനായി നിരവധി ഡയറക്‌ടറികളിലൂടെ നാവിഗേറ്റ് ചെയ്യേണ്ടതുണ്ട് ആവശ്യമുള്ള ഫയൽ, അത് സ്വീകരിക്കുന്നതിന് മുമ്പ് അത് ഇൻസ്റ്റാൾ ചെയ്യാൻ മറക്കരുത് ശരിയായ മോഡ്കൈമാറ്റങ്ങൾ; FTP സെർവറുകളിൽ പ്രവർത്തിക്കുന്നതിന് നിരവധി കമാൻഡുകൾ അറിയുക. നിങ്ങൾക്ക് ഒരു കോൺഫറൻസ് കാണണമെങ്കിൽ, കോൺഫറൻസുകളിൽ നിന്ന് സന്ദേശങ്ങൾ വായിക്കുന്നതിനും ഫോർവേഡ് ചെയ്യുന്നതിനും സംരക്ഷിക്കുന്നതിനുമുള്ള അതിൻ്റേതായ കമാൻഡുകൾ ഉള്ള മറ്റൊരു ആപ്ലിക്കേഷൻ നിങ്ങൾ സമാരംഭിക്കേണ്ടതുണ്ട്. ഇതെല്ലാം അസൗകര്യമായിരുന്നു.

ഏകദേശം അഞ്ച് വർഷം മുമ്പ് വിവര ക്രമം സംഘടിപ്പിക്കാൻ ശ്രമിച്ചു ഇൻ്റർനെറ്റ് നെറ്റ്‌വർക്കുകൾ. ഇത് വേൾഡ് വൈഡ് വെബ് സേവനത്തിൻ്റെ ആവിർഭാവത്തിലേക്ക് നയിച്ചു ( വേൾഡ് വൈഡ് വെബ്), സ്വീഡനിലെ യൂറോപ്യൻ ന്യൂക്ലിയർ റിസർച്ച് സെൻ്ററിൽ ജനിച്ചു. WWW ആശയം വിളിക്കപ്പെടുന്നതിനെ അടിസ്ഥാനമാക്കിയുള്ളതാണ് ഹൈപ്പർമീഡിയഓർഗനൈസേഷനിൽ ക്രമം കൊണ്ടുവരുന്നതിനും ഡാറ്റ വീണ്ടെടുക്കുന്നതിനുമായി രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ഡോക്യുമെൻ്റുകൾ അല്ലെങ്കിൽ വെബ് ഡോക്യുമെൻ്റുകൾ, വെബ് പേജുകൾ എന്നും അറിയപ്പെടുന്നു. ഈ പ്രമാണങ്ങളിൽ വാചകവും അല്ലാത്തതും അടങ്ങിയിരിക്കാം ടെക്സ്റ്റ് വിവരങ്ങൾ(ഉദാ. ചിത്രങ്ങൾ, ശബ്ദം), അതുപോലെ ലിങ്കുകൾ. നിങ്ങൾക്ക് ഒരു ഡോക്യുമെൻ്റിൽ ഒരിടത്ത് നിന്ന് മറ്റൊരിടത്തേക്ക് സ്വതന്ത്രമായി നീങ്ങാൻ കഴിയുന്ന പോയിൻ്ററുകളാണ് ലിങ്കുകൾ, അല്ലെങ്കിൽ ലോകത്തിൻ്റെ മറുവശത്ത് സ്ഥിതി ചെയ്യുന്ന ഒരു പ്രത്യേക പ്രമാണം പോലും റഫർ ചെയ്യാം. വെബ് ഡോക്യുമെൻ്റുകളിൽ വാചകം മാത്രമല്ല, വൈവിധ്യമാർന്ന വിവരങ്ങൾ അടങ്ങിയിരിക്കാമെങ്കിലും, അവയെ മിക്കവാറും എപ്പോഴും ഹൈപ്പർടെക്സ്റ്റ് എന്ന് വിളിക്കുന്നു ( ഹൈപ്പർടെക്സ്റ്റ്)പ്രമാണങ്ങൾ, പൊതുവെ പൂർണ്ണമായും ശരിയല്ല.

സ്ക്രീനിൽ, ഒരു സാധാരണ വെബ് ഡോക്യുമെൻ്റ് ലിങ്കുകളുള്ള ഒരു കൂട്ടം ടെക്സ്റ്റ് പോലെ കാണപ്പെടുന്നു; വിവിധ ചിത്രീകരണങ്ങൾ ഉണ്ടായിരിക്കാം. നിങ്ങൾക്ക് പ്രമാണത്തിലൂടെ ഫ്ലിപ്പുചെയ്യാനും ഉള്ളടക്കങ്ങൾ കാണാനും ലിങ്കുകൾ ഉപയോഗിച്ച് അതിലൂടെയോ മറ്റ് പ്രമാണങ്ങളിലൂടെയോ വേഗത്തിൽ നാവിഗേറ്റ് ചെയ്യാം.

WWW യുടെ വരവോടെ, ഇൻ്റർനെറ്റ് ടെക്സ്റ്റും ഗ്രാഫിക്സും നൽകാൻ തുടങ്ങി; ഒരു മൗസിൻ്റെ സഹായത്തോടെ, ലോകമെമ്പാടും സഞ്ചരിക്കാനും എളുപ്പത്തിൽ കണ്ടെത്താനും സാധിച്ചു. ആവശ്യമായ വിവരങ്ങൾഒരു ലളിതമായ പോയിൻ്റ് ഉപയോഗിച്ച് ക്ലിക്ക് ചെയ്യുക. ഫയലുകൾ ഡൗൺലോഡ് ചെയ്യാനും കോൺഫറൻസുകൾ വായിക്കാനും എളുപ്പമായി. അതുകൊണ്ടാണ് WWW സേവനം ലോകമെമ്പാടുമുള്ള ജനപ്രീതിയും വ്യാപകമായ ഉപയോഗവും നേടിയത്. ഇൻ്റർനെറ്റിൽ എല്ലാ ദിവസവും ദൃശ്യമാകും വലിയ അളവിൽവെബ് സെർവറുകളും ആയിരക്കണക്കിന് പുതിയ പ്രമാണങ്ങളും പ്രസിദ്ധീകരിക്കുന്നു.

WWW-ൽ വെബ് ഡോക്യുമെൻ്റുകൾ നിർമ്മിക്കുന്നതിന്, HTML എന്ന് വിളിക്കപ്പെടുന്ന ഒരു പ്രത്യേക ഭാഷ ഉപയോഗിക്കുന്നു, അത് ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് - ഒരു ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷ, ഒരു ഡാറ്റ ഫോർമാറ്റിംഗ് ഭാഷ. സ്റ്റാൻഡേർഡ് ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (SGML) അടിസ്ഥാനമാക്കി, വെബ് ഡോക്യുമെൻ്റുകളിലെ ഡാറ്റയുടെ ഫോർമാറ്റിംഗും ഓർഗനൈസേഷനും HTML നിർവ്വചിക്കുന്നു. സ്‌ക്രീനിൽ ടെക്‌സ്‌റ്റ് എങ്ങനെ കൃത്യമായി സ്ഥാപിക്കുമെന്ന് ഇത് നിർവചിക്കുന്നില്ല; ഇത് ഡാറ്റയുടെ ഘടന നിർവചിക്കുന്നു. ഒരു വെബ് ഡോക്യുമെൻ്റിന് കേവലം വാചക വിവരങ്ങളേക്കാൾ കൂടുതൽ അടങ്ങിയിരിക്കാം, അതിനാൽ ഭാഷയും HTML ആണ് കൂടുതൽ ശരിഇതിനെ ഹൈപ്പർമീഡിയ മാർക്ക്അപ്പ് ലാംഗ്വേജ് എന്ന് വിളിക്കും, എന്നാൽ സാഹിത്യത്തിൽ HTML എന്ന ചുരുക്കെഴുത്ത് എപ്പോഴും ഉപയോഗിക്കാറുണ്ട്. HTML-ൽ സൃഷ്ടിച്ച ഒരു പ്രമാണമാണ് സാധാരണ ഫയൽ ASCII ഫോർമാറ്റിൽ. ഇത് ഏതെങ്കിലും വെബ് ഡോക്യുമെൻ്റിലെ ഡാറ്റയുടെ ഫോർമാറ്റിംഗ് നിർണ്ണയിക്കുന്ന പ്രത്യേക ഡിസ്ക്രിപ്റ്ററുകൾ (ടാഗുകൾ) അടിസ്ഥാനമാക്കിയുള്ളതാണ്. സ്വാഭാവികമായും, വേൾഡ് വൈഡ് വെബിൽ HTML പ്രമാണങ്ങൾ കാണുന്നതിന് പ്രത്യേക സോഫ്റ്റ്വെയർ ആവശ്യമാണ്. അത്തരം പ്രോഗ്രാമുകളെ ബ്രൗസറുകൾ എന്ന് വിളിക്കുന്നു (ഇംഗ്ലീഷിൽ നിന്ന്. ബ്രൗസ് ചെയ്യുക– ലീഫ് ത്രൂ, ബ്രൗസ്). അവരുടെ സഹായത്തോടെ നിങ്ങൾക്ക് വെബ് പേജുകൾ ഡൗൺലോഡ് ചെയ്യാനും കാണാനും WWW നാവിഗേറ്റ് ചെയ്യാനും കഴിയും. IN നിലവിൽതികച്ചും ഉണ്ട് ഒരു വലിയ സംഖ്യബ്രൗസറുകൾ, അതിൽ ഏറ്റവും പ്രചാരമുള്ളത് ബ്രൗസറുകളാണ് മൈക്രോസോഫ്റ്റ് ഇൻ്റർനെറ്റ്എക്സ്പ്ലോറർ, നെറ്റ്സ്കേപ്പ് നാവിഗേറ്റർ, NCSA മൊസൈക്ക്. ബ്രൗസർ, HTML ഫയൽ വായിച്ചുകഴിഞ്ഞാൽ, ഡോക്യുമെൻ്റിൽ അടങ്ങിയിരിക്കുന്ന ഡാറ്റ വ്യാഖ്യാനിക്കാനും അതിനനുസരിച്ച് കമ്പ്യൂട്ടർ സ്ക്രീനിൽ പ്രദർശിപ്പിക്കാനും ഡിസ്ക്രിപ്റ്ററുകൾ ഉപയോഗിക്കുന്നു. 1 ഒരു വെബ് ഡോക്യുമെൻ്റിൻ്റെ ഒരു ഉദാഹരണം കാണിക്കുന്നു:

ചിത്രം.1 ഒരു വെബ് ഡോക്യുമെൻ്റിൻ്റെ ഉദാഹരണം

HTML ഭാഷ അതിവേഗം വികസിച്ചുകൊണ്ടിരിക്കുന്നു. അതിൻ്റെ വികസന പ്രക്രിയയിൽ, അത് പുതിയ കഴിവുകൾ നേടുകയും കുറച്ച് ഉപയോഗിച്ചതും കാലഹരണപ്പെട്ടതുമായവ നഷ്ടപ്പെടുകയും ചെയ്തു. ഇപ്പോൾ, HTML ഭാഷയുടെ നിലവിലെ ഔദ്യോഗിക പതിപ്പ് പതിപ്പ് 3.2 ആണ്, ഇത് വെബ് ഡോക്യുമെൻ്റുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ വികസിപ്പിച്ചെടുത്തിട്ടുണ്ട്. HTML 2.0-യുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ, പുതിയ പതിപ്പ് ടേബിളുകൾ, ഇമേജുകൾക്ക് ചുറ്റും വാചകം പൊതിയുക, ജാവ ആപ്‌ലെറ്റുകൾ ഉൾച്ചേർക്കുക, മറ്റ് സവിശേഷതകൾ എന്നിവ പോലുള്ള പുതിയ സവിശേഷതകൾ വാഗ്ദാനം ചെയ്യുന്നു.

ഇന്ന്, ഭാഷയുടെ ഔദ്യോഗിക പതിപ്പിന് പുറമേ, Microsoft, Netscape എന്നിവയിൽ നിന്നുള്ള HTML പതിപ്പുകളും ഉണ്ട്, അവ പിന്തുണയ്ക്കുന്നു അധിക സവിശേഷതകൾ, HTML-ൻ്റെ ഔദ്യോഗിക പതിപ്പിനായുള്ള സ്പെസിഫിക്കേഷനിൽ വിവരിച്ചിട്ടില്ല. HTML ഭാഷയുടെ അനൗദ്യോഗിക പതിപ്പുകളുടെ ഘടകങ്ങൾ ഉപയോഗിച്ച് തയ്യാറാക്കിയ പ്രമാണങ്ങൾ പ്രദർശിപ്പിക്കുമ്പോൾ ബ്രൗസർ അനുയോജ്യതയുടെ പ്രശ്നം പരിഹരിക്കുന്നതിന്, മുകളിൽ സൂചിപ്പിച്ച കമ്പനികൾ അവരുടെ ഉൽപ്പന്നങ്ങളിൽ പിന്തുണ ഉൾപ്പെടുത്തുന്നു. ഇതര പതിപ്പ്ഭാഷ. വെബ് ഡോക്യുമെൻ്റുകൾ രൂപകൽപന ചെയ്യുന്നതിനുള്ള പഴയതും ആവേശകരവുമായ പുതിയ ഫീച്ചറുകൾ മെച്ചപ്പെടുത്തുന്നതിനായി ഡൈനാമിക് HTML എന്ന് വിളിക്കപ്പെടുന്ന ഭാഷയുടെ 4.0 പതിപ്പ് വരുന്നു. W3C (വേൾഡ് വൈഡ് വെബ് കൺസോർഷ്യം - വേൾഡ് വൈഡ് വെബ് സ്റ്റാൻഡേർഡ് ഓർഗനൈസേഷൻ) ഇതിനകം തന്നെ ഭാഷയുടെ ഈ പതിപ്പ് ഒരു മാനദണ്ഡമായി നിർദ്ദേശിക്കുന്നു. മൈക്രോസോഫ്റ്റ്, നെറ്റ്‌സ്‌കേപ്പ് എന്നിവയിൽ നിന്നുള്ള ഭാഷയുടെ പുതിയ പതിപ്പുകൾ ഉണ്ട്, എന്നിരുന്നാലും, അവ ഇതുവരെ പരസ്പരം പൊരുത്തപ്പെടുന്നില്ല. നെറ്റ്‌സ്‌കേപ്പ് കമ്മ്യൂണിക്കേഷനിൽ നിന്നുള്ള HTML പതിപ്പ് 3.2-ൽ നിന്ന് പ്രമാണങ്ങൾ നിർമ്മിക്കുന്നതിനുള്ള പ്രധാന ഉപകരണങ്ങൾ ഈ പേപ്പർ വെളിപ്പെടുത്തുന്നു.

2. HTML ഭാഷ. വെബ് ഡോക്യുമെൻ്റുകൾ നിർമ്മിക്കുന്നു

മുകളിൽ സൂചിപ്പിച്ചതുപോലെ, HTML-ലെ ഒരു ഡോക്യുമെൻ്റിൻ്റെ ഫോർമാറ്റിംഗ് പ്രത്യേക വിവരണങ്ങളാൽ വ്യക്തമാക്കുന്നു. ഒരു വിവരണം ഒരു ഡാറ്റ ഫോർമാറ്റിംഗ് കമാൻഡ് ആണ്, അത് "" ആംഗിൾ ബ്രാക്കറ്റുകളിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്നു. ഓപ്പണിംഗ്, ക്ലോസിംഗ് ഹാൻഡിലുകൾ ഉണ്ട്, അവയ്ക്കിടയിൽ ഫോർമാറ്റ് ചെയ്യേണ്ട ടെക്സ്റ്റ് സ്ഥാപിച്ചിരിക്കുന്നു. ഓപ്പണിംഗ് ഡിസ്ക്രിപ്റ്ററുകൾ ഫോർമാറ്റിംഗ് രീതി വ്യക്തമാക്കുന്നു, രണ്ടാമത്തെ ഡിസ്ക്രിപ്റ്ററുകൾ അതിനെ മറികടക്കുന്നു. ഈ ഡിസ്ക്രിപ്റ്ററുകൾ തമ്മിലുള്ള വ്യത്യാസം, ക്ലോസിംഗ് ഡിസ്ക്രിപ്റ്ററിൽ പേരിന് മുമ്പായി ഒരു സ്ലാഷ് ഉണ്ട് എന്നതാണ്. ഉദാഹരണത്തിന്, ഡിസ്ക്രിപ്റ്ററുകൾ. ക്ലോസിംഗ് ഓപ്ഷൻ ആവശ്യമില്ലാത്ത ഹാൻഡിലുകളും ഉണ്ട്.

HTML കേസ് സെൻസിറ്റീവ് അല്ല, അതിനാൽ എല്ലാ വിവരണങ്ങളും വലിയക്ഷരത്തിലോ ചെറിയക്ഷരത്തിലോ വ്യക്തമാക്കാം. ഏത് അക്ഷരവിന്യാസത്തിലും ബ്രൗസർ അവയെ അവ്യക്തമായി വ്യാഖ്യാനിക്കും.

നിങ്ങൾ ഒരു സാധാരണ വെബ് പേജിൻ്റെ ഉറവിട വാചകം നോക്കുകയാണെങ്കിൽ, ഇനിപ്പറയുന്നതുപോലുള്ള ഒന്ന് നിങ്ങൾ കാണും:

പ്രമാണത്തിൻ്റെ ശീർഷകം

വാചകം

വാചകം

വാചകം

വാചകം

ഡിസ്ക്രിപ്റ്ററുകൾക്കിടയിൽ മുഴുവൻ പ്രമാണവും ഉണ്ട്. വിവരണങ്ങളും പ്രമാണ ശീർഷകത്തിൻ്റെ വ്യാപ്തിയും നിർവ്വചിക്കുക. ഡോക്യുമെൻ്റിൻ്റെ തലക്കെട്ട് ജോഡികൾക്കിടയിൽ സ്ഥാപിച്ചിരിക്കുന്നു. ബ്രൗസർ വിൻഡോയുടെ ശീർഷകത്തിൽ അതിൻ്റെ ഉള്ളടക്കങ്ങൾ ദൃശ്യമാണ്. WWW ഉറവിടങ്ങൾ ക്രോൾ ചെയ്യുമ്പോൾ ഡാറ്റ സൂചികയിലാക്കാൻ ചില വെബ് റോബോട്ടുകൾ ഹെഡർ വിവരങ്ങൾ ഉപയോഗിക്കുന്നു. ഈ പ്രദേശത്ത് നിങ്ങൾക്ക് നൽകാം, ഉദാഹരണത്തിന്, രചയിതാവിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ, പ്രമാണത്തിൻ്റെ ഒരു ഹ്രസ്വ വിവരണം. സ്‌ക്രീനിൽ ബ്രൗസർ പ്രദർശിപ്പിക്കുന്ന ഡാറ്റയാണ് ഡിസ്ക്രിപ്റ്ററുകൾക്കിടയിൽ. സ്‌ക്രീനിൽ ദൃശ്യമാകുന്ന രചയിതാവിനെക്കുറിച്ചുള്ള വിവരണങ്ങളും ഡാറ്റയും അടങ്ങിയിരിക്കുന്നു, ഉദാഹരണത്തിന്, രചയിതാവിൻ്റെ ആദ്യഭാഗവും അവസാന നാമവും, അവൻ്റെ ഇമെയിൽ വിലാസം, പ്രമാണത്തിൻ്റെ സൃഷ്ടിയുടെയും പരിഷ്ക്കരണത്തിൻ്റെയും തീയതി മുതലായവ.

കൃത്യമായി പറഞ്ഞാൽ, പ്രമാണങ്ങൾ സൃഷ്ടിക്കുമ്പോൾ മുകളിലുള്ള വിവരണങ്ങളൊന്നും നിർബന്ധമല്ല, പക്ഷേ അവ ഡോക്യുമെൻ്റുകൾ നിർമ്മിക്കാൻ സഹായിക്കുന്നു, വെബ് പേജുകൾ രചിക്കുമ്പോൾ അവയുടെ നിർവചനം നല്ല ശൈലിയുടെ അടയാളമാണ്.

ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്

ടെക്‌സ്‌റ്റ് ഫോർമാറ്റിംഗിൽ ഒരു പ്രത്യേക ഫോണ്ടിലോ പ്രത്യേക ആട്രിബ്യൂട്ടുകളിലോ വാചകം പ്രദർശിപ്പിക്കുന്നത് ഉൾപ്പെടുന്നു.

ടെക്‌സ്‌റ്റ് ഫോർമാറ്റ് ചെയ്യുന്നതിന്, ഒരു ജോടി ഹാൻഡിലുകൾക്കിടയിൽ നിങ്ങൾ ഒരു വരിയോ ടെക്‌സ്‌റ്റിൻ്റെ വരികളോ ചേർക്കേണ്ടതുണ്ട്. താഴെ കൊടുത്തിരിക്കുന്നത് ഡിസ്ക്രിപ്റ്ററുകളുടെ അടിസ്ഥാന ലിസ്റ്റും ടെക്സ്റ്റ് ഫോർമാറ്റിംഗിൻ്റെ ഫലങ്ങളും ആണ്:

ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഇറ്റാലിക്സിൽ സ്ക്രീനിൽ ഒരു നിശ്ചിത ലൈൻ പ്രദർശിപ്പിക്കണമെങ്കിൽ, നിങ്ങൾ വെബ് ഡോക്യുമെൻ്റിൻ്റെ ബോഡിയിൽ ഇനിപ്പറയുന്നവ നൽകേണ്ടതുണ്ട്:

ഈ വാചകം ഇറ്റാലിക്സിൽ എഴുതിയിരിക്കുന്നു

തൽഫലമായി, ബ്രൗസർ പ്രദർശിപ്പിക്കും:

ഈ വാചകം ഇറ്റാലിക്സിൽ എഴുതിയിരിക്കുന്നു

ഡിസ്ക്രിപ്റ്ററുകൾ ഏത് ക്രമത്തിലും പരസ്പരം സംയോജിപ്പിക്കാം, ഉദാഹരണത്തിന്, കോമ്പിനേഷൻ

ഈ വാചകം ബോൾഡ് ഇറ്റാലിക്കിലാണ് അച്ചടിച്ചിരിക്കുന്നത്

ഇനിപ്പറയുന്ന ഫലം പുറപ്പെടുവിക്കും:

ഈ വാചകം ബോൾഡ് ഇറ്റാലിക്കിലാണ് അച്ചടിച്ചിരിക്കുന്നത്

ചില വെബ് ഡോക്യുമെൻ്റുകളിൽ ഉപയോക്താവിൻ്റെ ശ്രദ്ധ ആകർഷിക്കുന്നതിനായി രൂപകൽപ്പന ചെയ്ത വാചകത്തിൻ്റെ മിന്നുന്ന ലൈനുകൾ അടങ്ങിയിരിക്കുന്നു. ഈ ആവശ്യങ്ങൾക്ക് ഡിസ്ക്രിപ്റ്റർ ഉപയോഗിക്കുന്നു:

ഇത് മിന്നുന്ന വാചകമാണ്

എന്നിരുന്നാലും, ഈ നെറ്റ്‌സ്‌കേപ്പ് ഭാഷാ വിപുലീകരണം വളരെ അപൂർവമായി മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ, അത് ഉടൻ തന്നെ കാലഹരണപ്പെട്ടേക്കാം.

വെബ് പേജുകളുടെ രൂപകൽപ്പനയിൽ പലപ്പോഴും ഫോണ്ടുകൾ ഉപയോഗിക്കുന്നു. വിവിധ വലുപ്പങ്ങൾ. ഡിസ്ക്രിപ്റ്ററുകൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് സാധാരണയിൽ നിന്ന് വ്യത്യസ്തമായ ഫോണ്ട് വലുപ്പമുള്ള ഒരു ലൈൻ ഔട്ട്പുട്ട് ചെയ്യാൻ കഴിയും വാചകം, ഇവിടെ n എന്നത് 1 മുതൽ 7 വരെയുള്ള ഒരു സംഖ്യയാണ്, അത് സാധാരണയേക്കാൾ ഫോണ്ട് വലുപ്പം നിർണ്ണയിക്കുന്നു. അതിനാൽ ഇനിപ്പറയുന്ന വാചകം പ്രമാണത്തിൻ്റെ ബോഡിയിലാണ്

ഈ വാചകം സാധാരണയേക്കാൾ നാല് വലുപ്പം കൂടുതലാണ്

സ്ക്രീൻ ഇതുപോലെ കാണപ്പെടും:

ഈ വാചകം സാധാരണയേക്കാൾ നാല് വലുപ്പം കൂടുതലാണ്.

ജോഡി ഡിസ്ക്രിപ്റ്ററുകൾ എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ് ഒപ്പം, കൂടാതെ നെറ്റ്‌സ്‌കേപ്പിൻ്റെ HTML പതിപ്പിൻ്റെ ഘടകങ്ങളും ആയതിനാൽ മറ്റ് ബ്രൗസറുകൾ പിന്തുണച്ചേക്കില്ല.

ഖണ്ഡികകൾ ഫോർമാറ്റിംഗ്

വെബ് പേജുകളിൽ പോസ്റ്റുചെയ്ത വാചക വിവരങ്ങൾ ഖണ്ഡികകളായി ക്രമീകരിച്ചിരിക്കുന്നു. ഒരു ഖണ്ഡിക ഒരു വിവരണത്തിൽ ആരംഭിച്ച് ഒരു ക്ലോസിംഗ് ഡിസ്ക്രിപ്റ്ററിൽ അവസാനിക്കുന്നു.

, എന്നിരുന്നാലും രണ്ടാമത്തേത് ഓപ്ഷണൽ ആണ്. HTML കോഡ് ഉദാഹരണം:

ആദ്യ ഖണ്ഡിക

രണ്ടാം ഖണ്ഡിക

ഫലമായി, ഇനിപ്പറയുന്ന ഫലം സ്ക്രീനിൽ ദൃശ്യമാകും:

ആദ്യ ഖണ്ഡിക

രണ്ടാം ഖണ്ഡിക

ഒരു ഡോക്യുമെൻ്റ് രചിക്കുമ്പോൾ, വാചകം ഫോർമാറ്റ് ചെയ്യുമ്പോൾ ബ്രൗസർ വാക്കുകൾക്കും ലൈൻ ബ്രേക്കുകൾക്കുമിടയിലുള്ള ഇടങ്ങൾ അവഗണിക്കുന്നുവെന്നത് കണക്കിലെടുക്കേണ്ടത് ആവശ്യമാണ്, അതിനാൽ ഇത് വിവരണങ്ങൾക്കിടയിലുള്ള വാചകം മാത്രമേ ഒരു ഖണ്ഡികയായി കണക്കാക്കൂ. നിർബന്ധിത ലൈൻ ബ്രേക്ക് ഡിസ്ക്രിപ്റ്റർ ഉപയോഗിച്ച് സജ്ജീകരിച്ചിരിക്കുന്നു
, ഒരു ക്ലോസിംഗ് ഓപ്ഷൻ ഇല്ല. ഉദാഹരണ കോഡ്:

ആദ്യ വരി

രണ്ടാമത്തെ വരി

തൽഫലമായി, ബ്രൗസർ പ്രദർശിപ്പിക്കും:

ആദ്യ വരി

രണ്ടാമത്തെ വരി

ആവശ്യമായ സ്‌പെയ്‌സുകളും ലൈൻ ബ്രേക്കുകളും ഉള്ള വാചകം നിങ്ങൾക്ക് പ്രദർശിപ്പിക്കണമെങ്കിൽ, നിങ്ങൾ അത് AND ഡിസ്‌ക്രിപ്റ്ററുകളിൽ ഉൾപ്പെടുത്തേണ്ടതുണ്ട്. പ്രോഗ്രാമിൻ്റെ ഉറവിട ലിസ്റ്റിംഗുകൾ സ്ക്രീനിൽ പ്രദർശിപ്പിക്കാൻ ഇത് സാധാരണയായി ഉപയോഗിക്കുന്നു. ഈ സാഹചര്യത്തിൽ, ടെക്സ്റ്റ് ഒരു മോണോസ്പേസ് ഫോണ്ടിൽ പ്രദർശിപ്പിക്കും.

തലക്കെട്ടുകൾ സൃഷ്ടിക്കുന്നു

വിവിധ തലങ്ങളിലുള്ള തലക്കെട്ടുകൾ ഡിസ്ക്രിപ്റ്ററുകൾ ഉപയോഗിച്ചാണ് നൽകിയിരിക്കുന്നത്, ഇവിടെ n എന്നത് 1 മുതൽ 6 വരെയുള്ള ഒരു സംഖ്യയാണ്. ഏറ്റവും വലിയ തലക്കെട്ട് ഡിസ്ക്രിപ്റ്റർ മുഖേനയും ഏറ്റവും ചെറിയത് ഡിസ്ക്രിപ്റ്റർ ഉപയോഗിച്ചും ആണ്. ഉദാഹരണത്തിന്:

ഇതൊരു ലെവൽ 1 തലക്കെട്ടാണ്

ഇതൊരു ലെവൽ 3 തലക്കെട്ടാണ്

ഇതൊരു ലെവൽ 6 തലക്കെട്ടാണ്

ഫലമായി, സ്ക്രീൻ പ്രദർശിപ്പിക്കും:

ഇതൊരു ലെവൽ 1 തലക്കെട്ടാണ്

ഇതൊരു ലെവൽ 3 ഹെഡറാണ്

ഇതൊരു ലെവൽ 6 തലക്കെട്ടാണ്

WWW-ൽ ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന ഡോക്യുമെൻ്റ് ഡിസൈൻ ഘടകങ്ങളിൽ ഒന്നാണ് തലക്കെട്ടുകൾ.

ലിസ്റ്റുകൾ സൃഷ്ടിക്കുന്നു

എച്ച്ടിഎംഎൽ-ൽ, മൂന്ന് തരം ലിസ്റ്റുകൾ നിർവചിക്കാൻ സാധിക്കും: അക്കമിട്ട ലിസ്റ്റുകൾ, അസംഖ്യം ലിസ്റ്റുകൾ, ഡെഫനിഷൻ ലിസ്റ്റുകൾ. ലിസ്റ്റിൻ്റെ തുടക്കവും അവസാനവും പ്രത്യേക വിവരണങ്ങളാൽ വ്യക്തമാക്കുന്നു, കൂടാതെ ലിസ്റ്റിലെ ഓരോ ഘടകത്തിനും മുമ്പായി ഒരു ഡിസ്ക്രിപ്റ്റർ വ്യക്തമാക്കിയിരിക്കുന്നു.

, ഒരു ക്ലോസിംഗ് ഓപ്ഷൻ ഇല്ല.

അക്കമിട്ട ലിസ്റ്റ്:

ലിസ്റ്റ് ഇനം

ലിസ്റ്റ് ഇനം

ലിസ്റ്റ് ഇനം

ഫലമായി:

ഓർഡർ ചെയ്യാത്ത ലിസ്റ്റ്:

ലിസ്റ്റ് ഇനം

ലിസ്റ്റ് ഇനം

ലിസ്റ്റ് ഇനം

ഫലമായി:

* ലിസ്റ്റ് ഇനം

* ലിസ്റ്റ് ഇനം

* ലിസ്റ്റ് ഇനം

ഡെഫനിഷൻ ലിസ്റ്റുകൾ രണ്ട് മൂലകങ്ങൾ വീതമുള്ള ടെക്‌സ്‌റ്റിൻ്റെ ഗ്രൂപ്പുകളാണ്, രണ്ടാമത്തെ ഘടകം ആദ്യത്തേതിൻ്റെ വലതുവശത്ത് ഓഫ്‌സെറ്റ് ചെയ്യുന്നു. സാധാരണഗതിയിൽ, അത്തരം ലിസ്റ്റുകൾ വ്യക്തമാക്കാൻ ഉപയോഗിക്കുന്നു വിവിധ ആശയങ്ങൾ. ഉദാഹരണം:

ആദ്യം നിർവചിക്കപ്പെട്ട ആശയം

ആദ്യ ആശയത്തിൻ്റെ വിശദീകരണം

നിർവചിക്കപ്പെട്ട രണ്ടാമത്തെ ആശയം

രണ്ടാമത്തെ ആശയത്തിൻ്റെ വിശദീകരണം

ഫലമായി:

നിർവചിക്കേണ്ട ആദ്യത്തെ ആശയം.

ആദ്യ ആശയത്തിൻ്റെ വിശദീകരണം.

രണ്ടാമത്തെ നിർവചിക്കപ്പെട്ട ആശയം.

രണ്ടാമത്തെ ആശയത്തിൻ്റെ വിശദീകരണം.

ലിങ്കുകൾ

HTML ഭാഷയുടെ അടിസ്ഥാന ഘടകങ്ങളിലൊന്നാണ് ലിങ്കുകൾ. ലിങ്കുകൾ ഉപയോക്താവിന് വേഗത്തിലും ഓഫർ ചെയ്യുന്നു സൗകര്യപ്രദമായ വഴിഒരു പ്രമാണത്തിൽ ഒരിടത്തേക്കോ മറ്റൊരിടത്തേക്കോ അല്ലെങ്കിൽ മറ്റൊരു രേഖയിലേക്കോ നീങ്ങാൻ. ഉദാഹരണത്തിന്, തിരയുന്ന ഒരു നീണ്ട വെബ് ഡോക്യുമെൻ്റിലൂടെ സ്ക്രോൾ ചെയ്യുന്നതിന് പകരം ആവശ്യമുള്ള ശകലം, ഒരു ലളിതമായ മൗസ് ക്ലിക്കിലൂടെ നിങ്ങൾക്ക് ആവശ്യമുള്ള സ്ഥലത്തേക്ക് തൽക്ഷണം നീങ്ങാൻ കഴിയും (തീർച്ചയായും, ഇതിന് അനുബന്ധ ലിങ്ക് നൽകിയിട്ടുണ്ടെങ്കിൽ). രണ്ട് വ്യത്യസ്ത ഡോക്യുമെൻ്റുകൾ ഉണ്ടെങ്കിൽ, ഒരു പ്രമാണത്തിൽ നിന്ന് മറ്റൊന്നിലേക്ക് ആക്സസ് നൽകുന്നതിന്, അവ ഒരുമിച്ച് ചേർക്കേണ്ടതില്ല; ഒരു പ്രമാണത്തിൽ മറ്റൊന്നിലേക്ക് ഒരു ലിങ്ക് ഉണ്ടാക്കിയാൽ മതി, എല്ലാം ഒരു ലളിതമായ മൗസിലേക്ക് വരും. ക്ലിക്ക് ചെയ്യുക.

സ്‌ക്രീനിൽ, ലിങ്കുകൾ ഒരു വരി അല്ലെങ്കിൽ ടെക്‌സ്‌റ്റ് ലൈനുകളായി ദൃശ്യമാകുന്നു, മറ്റൊരു നിറത്തിൽ ഹൈലൈറ്റ് ചെയ്‌ത് നേർത്ത വര ഉപയോഗിച്ച് അടിവരയിടുന്നു. ടെക്‌സ്‌റ്റിൻ്റെ ഈ വിഭാഗത്തിലേക്ക് നിങ്ങൾ മൗസ് കഴ്‌സർ നീക്കുകയാണെങ്കിൽ, അത് ഒരു ചൂണ്ടുവിരലിൻ്റെ ചിത്രമായി മാറും, ഈ സ്ഥലത്ത് ക്ലിക്കുചെയ്‌ത ശേഷം, നിങ്ങൾ ഈ ലിങ്ക് പിന്തുടരും.

HREF ആട്രിബ്യൂട്ട് നിലവിലെ പ്രമാണത്തിലെ ലേബലിൻ്റെ പേരിലേക്ക് ചൂണ്ടിക്കാണിക്കുന്നു.

തീർച്ചയായും, ഈ സാഹചര്യത്തിൽ ലിങ്ക് സജ്ജീകരിക്കുന്ന ലേബൽ പ്രമാണത്തിൽ സൂചിപ്പിക്കേണ്ടത് ആവശ്യമാണ്. ഇതിനായി ഡിസ്ക്രിപ്റ്റർ ഉപയോഗിക്കുന്നു ആട്രിബ്യൂട്ട്:

ഇതൊരു അടയാളമാണ്

സ്ക്രീനിൽ, ലേബൽ, ലിങ്കുകളിൽ നിന്ന് വ്യത്യസ്തമായി, ബാക്കിയുള്ള വാചകങ്ങൾക്കിടയിൽ വേറിട്ടുനിൽക്കുന്നില്ല.

മറ്റൊരു ഡോക്യുമെൻ്റിൽ സ്ഥിതിചെയ്യുന്ന ഒരു ലേബലിലേക്ക് നാവിഗേറ്റ് ചെയ്യണമെങ്കിൽ, മുകളിലുള്ള ഉദാഹരണം ചെറുതായി മാറും:

URL ആപേക്ഷികമോ കേവലമോ ആകാം. കൂടാതെ, ഒരു ലിങ്കിന് ഒരു ഡോക്യുമെൻ്റിലേക്ക് മാത്രമല്ല, ഇമേജുകൾ, ബൈനറി ഫയലുകൾ, ശബ്ദ ഫയലുകൾ മുതലായവയിലേക്കും പോയിൻ്റ് ചെയ്യാൻ കഴിയും. ഒരു പ്രത്യേക ലിങ്ക് പിന്തുടരുമ്പോൾ ബ്രൗസറിൻ്റെ പെരുമാറ്റം അതിനെ ആശ്രയിച്ചിരിക്കുന്നു നിർദ്ദിഷ്ട ക്രമീകരണങ്ങൾ. അതിനാൽ, ലിങ്ക് ഒരു ഡോക്യുമെൻ്റിലേക്ക് പോയിൻ്റ് ചെയ്താൽ, അത് ഡൗൺലോഡ് ചെയ്യപ്പെടും, എന്നാൽ അത് ഒരു ഓഡിയോ അല്ലെങ്കിൽ വീഡിയോ ഫയലാണെങ്കിൽ, അത് പ്ലേ ചെയ്യും. ഇതൊരു ബൈനറി ഫയലാണെങ്കിൽ, ബ്രൗസർ അത് ലോക്കൽ ഡിസ്കിലേക്ക് പകർത്താൻ വാഗ്ദാനം ചെയ്യും.

ഇമേജുകൾ ഉൾച്ചേർക്കുന്നു

ഇമേജുകളുടെ ഉപയോഗം വെബ് ഡോക്യുമെൻ്റുകൾ വർണ്ണാഭമായി രൂപകൽപ്പന ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്നു; ടെക്സ്റ്റിൻ്റെയും ഗ്രാഫിക്സിൻ്റെയും സംയോജനം ഏത് പേജിനും മനോഹരമായ രൂപവും വ്യക്തതയും നൽകുന്നു.

ഒരു ഡോക്യുമെൻ്റിൽ ചിത്രീകരണങ്ങൾ ചേർക്കാൻ, ഡിസ്ക്രിപ്റ്റർ ഉപയോഗിക്കുക :

ആട്രിബ്യൂട്ട് ഇമേജ് ഫയലിൻ്റെ പേര് വ്യക്തമാക്കുന്നു. ഫയലിൻ്റെ പേര് ഇതുപോലെ എന്തെങ്കിലും സൂചിപ്പിക്കാം പ്രാദേശിക ഫയൽ, കൂടാതെ ഇല്ലാതാക്കിയ ഫയൽ, അതിനായി നിങ്ങൾ അനുബന്ധ URL വ്യക്തമാക്കേണ്ടതുണ്ട്. ഫയൽ ആയിരിക്കാം സ്റ്റാറ്റിക് ഇമേജ്ഉണ്ട് ഗ്രാഫിക് ഫോർമാറ്റ്, ബ്രൗസർ മനസ്സിലാക്കുന്നു, അല്ലെങ്കിൽ GIF89A ഫോർമാറ്റിൽ അവതരിപ്പിച്ച ഡൈനാമിക് ഇമേജ്. പിന്നീടുള്ള സന്ദർഭത്തിൽ, ഫയൽ ബ്രൗസർ വിൻഡോയിൽ ഒരു ആനിമേഷനായി പ്രദർശിപ്പിക്കും.

ഉദാഹരണത്തിന്, ഉപയോക്താവിൻ്റെ ബ്രൗസർ ഗ്രാഫിക്‌സിനെ പിന്തുണയ്‌ക്കുന്നില്ലെങ്കിൽ അല്ലെങ്കിൽ ഇമേജുകൾ ലോഡുചെയ്യാനുള്ള ഓപ്‌ഷൻ പ്രവർത്തനരഹിതമാക്കിയാൽ, ഒരു ചിത്രത്തിന് പകരം ബ്രൗസർ വിൻഡോയിൽ പ്രദർശിപ്പിക്കുന്ന വാചകം ALT ആട്രിബ്യൂട്ട് വ്യക്തമാക്കുന്നു. ഈ ആട്രിബ്യൂട്ട് ഓപ്ഷണൽ ആണ്, എന്നാൽ വെബ് ഡോക്യുമെൻ്റുകൾ രചിക്കുമ്പോൾ അതിൻ്റെ ഉപയോഗം നല്ല ശൈലിയായി കണക്കാക്കപ്പെടുന്നു.

പലപ്പോഴും ഗ്രാഫിക്സ് ഉപയോഗിച്ച് പേജുകൾ തയ്യാറാക്കുമ്പോൾ, ആവശ്യമുള്ള ഇമേജ് വലുപ്പം യഥാർത്ഥ ചിത്രവുമായി പൊരുത്തപ്പെടുന്നില്ല. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു നിശ്ചിത പ്രദേശത്ത് ഒരു നിശ്ചിത വലുപ്പത്തിൽ ഒരു ചിത്രം സ്ഥാപിക്കേണ്ടതുണ്ട്. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ യഥാക്രമം വീതിയിലും ഉയരത്തിലും ആവശ്യമായ ഇമേജ് അളവുകൾ സജ്ജമാക്കുന്ന WIDTH, HEIGHT ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കേണ്ടതുണ്ട്. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഒരു ചിത്രം സ്ഥാപിക്കണമെങ്കിൽ വലിയ വലിപ്പം 100 പിക്സൽ ഉയരവും 200 പിക്സൽ വീതിയുമുള്ള സ്ഥലത്ത്, ഡോക്യുമെൻ്റിൻ്റെ ബോഡിയിൽ ഇനിപ്പറയുന്നവ എഴുതണം:

ഈ ആട്രിബ്യൂട്ടുകളുടെ ക്രമം ഏകപക്ഷീയമായിരിക്കാം.

ഒരു ഡോക്യുമെൻ്റിലെ ഗ്രാഫിക്‌സിൻ്റെ സമൃദ്ധി, ഒരു വശത്ത്, അതിൻ്റെ മൊത്തത്തിലുള്ള രൂപം മെച്ചപ്പെടുത്തുന്നു, മറുവശത്ത്, അതിൻ്റെ ലോഡിംഗ് സമയം ഗണ്യമായി വർദ്ധിപ്പിക്കുന്നു. ഒരു ഡോക്യുമെൻ്റ് ലോഡുചെയ്യുന്നതിൻ്റെ വേഗതയും അതിൻ്റെ വ്യക്തതയും തമ്മിലുള്ള ഒരു വിട്ടുവീഴ്ച കണ്ടെത്താൻ, വെബ് പേജ് ഡിസൈനർമാർ പലപ്പോഴും ഈ സാങ്കേതികവിദ്യ അവലംബിക്കുന്നു: അവർ പേജിൽ ചിത്രം ഒരു ചെറിയ ഫോർമാറ്റിൽ സ്ഥാപിക്കുകയും തങ്ങളിലേക്കുള്ള ഒരു ലിങ്ക് ആക്കുകയും ചെയ്യുന്നു. നിങ്ങൾ അത്തരമൊരു ചിത്രത്തിൽ ക്ലിക്ക് ചെയ്താൽ, ബ്രൗസർ അത് ഡൗൺലോഡ് ചെയ്യുകയും അതിൻ്റെ യഥാർത്ഥ അളവുകളിൽ പ്രദർശിപ്പിക്കുകയും ചെയ്യും. ലിങ്ക് ചിത്രം ഡോക്യുമെൻ്റിൽ ഇനിപ്പറയുന്ന രീതിയിൽ വിവരിച്ചിരിക്കുന്നു:

ഒരു ചിത്രത്തിന് ചുറ്റും വാചകം "പൊതിയുക" എന്നതാണ് രസകരമായ ഒരു സാധ്യത. ഇത് വളരെ ജനകീയ മാർഗംവെബ് പേജുകളുടെ രൂപകൽപ്പന. ഈ സാഹചര്യത്തിൽ, സ്ക്രീനിലെ ചിത്രം വാചകത്താൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു, ഉദാഹരണത്തിന്, ഇടതുവശത്തും താഴെയും. ALIGN ആട്രിബ്യൂട്ട് ഉപയോഗിച്ചാണ് ടെക്‌സ്‌റ്റ് റാപ്പിംഗ് നടത്തുന്നത്, ഇതിന് ഇനിപ്പറയുന്നതുപോലുള്ള പാരാമീറ്ററുകൾ ഉണ്ട്:

ഇടത് - വാചകം താഴെ ഇടതുവശത്ത് നിന്ന് ചിത്രം മൂടും.

വലത് - താഴെ വലതുവശത്ത് നിന്ന് വാചകം ചിത്രത്തെ ചുറ്റുന്നു

മുകളിൽ - ചിത്രം മുകളിൽ വലതുവശത്ത് വാചകത്താൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു

താഴെ - ചിത്രം ചുവടെ വലതുവശത്ത് വാചകത്താൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു

മിഡിൽ - ചിത്രം മധ്യ വലത് വശത്ത് വാചകത്താൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു

ഉദാഹരണത്തിന്, ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്ന വെബ് പേജ് സൃഷ്ടിക്കുമ്പോൾ. 1, ചിത്രം വിവരിക്കുന്ന ഡോക്യുമെൻ്റിൻ്റെ ബോഡിയിൽ ഇനിപ്പറയുന്ന എൻട്രി ഉപയോഗിച്ചു:

ഡോക്യുമെൻ്റ് പശ്ചാത്തലമായും ചിത്രങ്ങൾ ഉപയോഗിക്കാം. ഡോക്യുമെൻ്റിലെ എല്ലാ വാചകങ്ങളും ചിത്രീകരണങ്ങളും പശ്ചാത്തല ചിത്രത്തിന് മുകളിൽ ബ്രൗസർ പ്രദർശിപ്പിക്കും. പശ്ചാത്തല ചിത്രങ്ങൾഇനിപ്പറയുന്ന രീതിയിൽ വളരെ ലളിതമായി നൽകിയിരിക്കുന്നു:

മുഴുവൻ ബ്രൗസർ വിൻഡോയും പൂരിപ്പിക്കുന്നതിന് ഇമേജ് വലുപ്പം പര്യാപ്തമല്ലെങ്കിൽ, വിൻഡോ പൂർണ്ണമായി നിറയുന്നത് വരെ ബ്രൗസർ ഇമേജിനെ വർദ്ധിപ്പിക്കും.

ഫ്രെയിമുകൾ

HTML ഭാഷയുടെ ഔദ്യോഗിക പതിപ്പിലെ ഏറ്റവും പുതിയ കണ്ടുപിടുത്തങ്ങളിലൊന്ന് ഫ്രെയിമുകൾ എന്ന് വിളിക്കപ്പെടുന്നവയാണ്. ഫ്രെയിമുകൾ ഉപയോഗിക്കുമ്പോൾ, ബ്രൗസർ വിൻഡോ നിരവധി സബ്വിൻഡോകളായി തിരിച്ചിരിക്കുന്നു, അവയിൽ ഓരോന്നിലും നിങ്ങൾക്ക് ഏതെങ്കിലും വെബ് പ്രമാണങ്ങൾ പ്രദർശിപ്പിക്കാനും മറ്റ് വിൻഡോകളിൽ നിന്ന് സ്വതന്ത്രമായി സ്ക്രോൾ ചെയ്യാനും കഴിയും. നന്നായി രൂപകല്പന ചെയ്ത ഫ്രെയിം ഘടനയ്ക്ക് ഡോക്യുമെൻ്റ് നാവിഗേഷൻ വളരെ സുഗമമാക്കാനും വിവരങ്ങളുടെ ധാരണ മെച്ചപ്പെടുത്താനും കഴിയും. ഒരു പുസ്തകത്തിൻ്റെയോ മാസികയുടെയോ ഇലക്ട്രോണിക് പതിപ്പാണ് ഒരു ഉദാഹരണം, ഒരു വിൻഡോയിൽ നിങ്ങൾക്ക് ഉള്ളടക്കത്തിൻ്റെ വിഭാഗങ്ങൾ-ലിങ്കുകൾ തിരഞ്ഞെടുക്കാം, അടുത്ത വിൻഡോയിൽ നിങ്ങൾക്ക് ഉള്ളടക്കത്തിൻ്റെ ഒരു പ്രത്യേക വിഭാഗവുമായി നേരിട്ട് ബന്ധപ്പെട്ട വിവരങ്ങൾ കാണാൻ കഴിയും.

രണ്ട് തരത്തിലുള്ള ഫ്രെയിം ഡോക്യുമെൻ്റുകൾ ഉണ്ട്: ഫ്രെയിം അടങ്ങിയ പ്രമാണങ്ങളും ലളിതമായ പ്രമാണങ്ങളും. ഫ്രെയിം-അടങ്ങുന്ന പ്രമാണങ്ങൾ ഫ്രെയിം ഡോക്യുമെൻ്റിൻ്റെ ഘടന തന്നെ നിർവചിക്കുന്നു, അതായത്. ബ്രൗസർ വിൻഡോ എങ്ങനെ സബ്വിൻഡോകളായി വിഭജിക്കപ്പെടും എന്നതിനെക്കുറിച്ചുള്ള ഡാറ്റ വ്യക്തമാക്കുക. അത്തരം പ്രമാണങ്ങളിൽ മറ്റ് പ്രമാണങ്ങളിലേക്കുള്ള ലിങ്കുകൾ അടങ്ങിയിരിക്കുന്നു. ഫ്രെയിമുകൾ നിർവചിക്കുന്ന ഡാറ്റ അടങ്ങിയിട്ടില്ലാത്ത പ്രമാണങ്ങളാണ് സാധാരണ പ്രമാണങ്ങൾ.

ഒരു ഫ്രെയിം അടങ്ങിയ പ്രമാണത്തിൻ്റെ ഘടന സാധാരണയായി ഇതുപോലെ കാണപ്പെടുന്നു:

തലക്കെട്ട്

വാചകം

ഫ്രെയിം ഘടന ക്രമീകരണം ഏരിയ

ഉദാഹരണത്തിൽ നിന്ന് കാണാൻ കഴിയുന്നതുപോലെ, അത്തരമൊരു പ്രമാണത്തിൻ്റെ ഘടന ഒരു സാധാരണ പ്രമാണത്തിൻ്റെ ഘടനയിൽ നിന്ന് അൽപം വ്യത്യസ്തമാണ്. ഡിസ്ക്രിപ്റ്ററുകളുടെ സാന്നിധ്യവും അതിനുപകരം, ഒരു ഫ്രെയിം ഡോക്യുമെൻ്റിനെ സാധാരണമായതിൽ നിന്ന് വ്യത്യസ്തമാക്കുന്നു. ഡിസ്ക്രിപ്റ്ററുകളുടെ ഉപയോഗം നല്ല ശൈലിയുടെ മറ്റൊരു അടയാളമാണ്. അവയ്ക്കിടയിൽ ഫ്രെയിമുകളെ പിന്തുണയ്‌ക്കാത്ത ഒരു ബ്രൗസർ വിൻഡോയിൽ പ്രദർശിപ്പിക്കുന്ന വാചകം നിങ്ങൾ വ്യക്തമാക്കുന്നു.

ഒരു ഫ്രെയിം ഡോക്യുമെൻ്റിൻ്റെ ഒരു ഉദാഹരണം ചുവടെ:

നിങ്ങളുടെ ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ല!