ഒരു HTML പേജ് എങ്ങനെ സൃഷ്ടിക്കാം

നിങ്ങളുടെ സ്വന്തം വെബ് പേജ് സൃഷ്ടിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് HTML-നെ കുറിച്ച് ഒരു ധാരണ ഉണ്ടായിരിക്കണം. This article explains how to create an HTML page. കൂടാതെ, ഒരു xml സൈറ്റ്മാപ്പ് എങ്ങനെ സൃഷ്ടിക്കാമെന്നും ഒരു ചിത്രവും ലിങ്കും എങ്ങനെ ചേർക്കാമെന്നും നിങ്ങൾ പഠിക്കും. ഒരു xml സൈറ്റ്മാപ്പ് സൃഷ്ടിക്കുന്നതും പ്രധാനമാണ്, നിങ്ങളുടെ സൈറ്റ് ഓർഗനൈസുചെയ്യാനും നിങ്ങളുടെ ട്രാഫിക് വർദ്ധിപ്പിക്കാനും ഇത് നിങ്ങളെ സഹായിക്കും. അടുത്ത ഘട്ടം ഒരു ടെംപ്ലേറ്റ് തിരഞ്ഞെടുക്കുക എന്നതാണ്.

Creating a html page

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

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

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

Creating a xml sitemap

If you have an HTML page, സെർച്ച് എഞ്ചിനുകളെ നിങ്ങളുടെ വെബ്‌സൈറ്റ് ക്രോൾ ചെയ്യാൻ സഹായിക്കുന്നതിന് നിങ്ങൾ ഒരു XML സൈറ്റ്‌മാപ്പ് സൃഷ്‌ടിക്കാൻ ആഗ്രഹിച്ചേക്കാം. ഇത് നിങ്ങളുടെ തിരയൽ റാങ്കിംഗിനെ ബാധിക്കില്ലെങ്കിലും, നിങ്ങളുടെ ഉള്ളടക്കം മനസ്സിലാക്കാനും അവരുടെ ക്രാളിംഗ് നിരക്ക് ക്രമീകരിക്കാനും ഇത് തിരയൽ എഞ്ചിനുകളെ സഹായിക്കും. ഈ വഴി, സെർച്ച് എഞ്ചിൻ ഫലങ്ങളിൽ നിങ്ങളുടെ വെബ്സൈറ്റ് കൂടുതൽ ദൃശ്യമാകും. ആരംഭിക്കുന്നതിനുള്ള ചില എളുപ്പ ഘട്ടങ്ങൾ ഇതാ:

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

നിങ്ങളുടെ HTML പേജ് ലൈവ് ആയിക്കഴിഞ്ഞാൽ, ഇത് Google തിരയൽ കൺസോളിലേക്ക് സമർപ്പിക്കുക. നിങ്ങൾക്ക് ഏത് ഫയൽ വിപുലീകരണവും ഉപയോഗിക്കാനും നിങ്ങളുടെ XML സൈറ്റ്മാപ്പിന് പേര് നൽകാനും കഴിയും. നിങ്ങൾക്ക് XML സൈറ്റ്മാപ്പ് Google-ന് സമർപ്പിക്കാം, എന്നാൽ അത് ആവശ്യമില്ല. പുതിയ ഉള്ളടക്കം കണ്ടെത്തുന്നതിൽ ഗൂഗിളിന്റെ ക്രാളർമാർ പൊതുവെ നല്ലവരാണ്, നിങ്ങൾ അവർക്ക് ഒരു സൈറ്റ്മാപ്പ് സമർപ്പിക്കേണ്ടതില്ല. നിങ്ങൾക്ക് ഇത് മറ്റ് തിരയൽ എഞ്ചിനുകളിലേക്കും സമർപ്പിക്കാം, എന്നാൽ ഇത് നിങ്ങളെ Google കണ്ടെത്തുമെന്ന് ഉറപ്പ് നൽകുന്നില്ല.

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

Adding a picture

In HTML, img ടാഗ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഒരു പേജിലേക്ക് ഒരു ചിത്രം ചേർക്കാൻ കഴിയും. ഈ ടാഗിൽ ചിത്രവും അതിന്റെ ആട്രിബ്യൂട്ടുകളും മാത്രമേ ഉള്ളൂ; ഇതിന് ഒരു ക്ലോസിംഗ് ടാഗ് ആവശ്യമില്ല. ഈ ഇമേജ് ടാഗ് HTML ഡോക്യുമെന്റിന്റെ ബോഡി വിഭാഗത്തിൽ ചേർക്കണം. ചിത്രത്തിന്റെ വീതിയും ഉയരവും കൂടാതെ, ചിത്രം വിവരിക്കുന്ന ഒരു ആട്രിബ്യൂട്ട് നിങ്ങൾ ഉൾപ്പെടുത്തണം. ആൾട്ട് ടാഗ് കാണാൻ കഴിയാത്ത ഒരാൾക്ക് വിവരണം എഴുതുന്നത് പോലെ എഴുതണം.

ഒരു HTML പ്രമാണത്തിലേക്ക് ഒരു ചിത്രം ചേർക്കുന്നതിന് കുറച്ച് CSS, HTML പരിജ്ഞാനം ആവശ്യമാണ്. ചിത്രത്തിന്റെ വലുപ്പവും റെസല്യൂഷനും പരിഗണിക്കേണ്ട രണ്ട് പ്രധാന ഘടകങ്ങളാണ്. ഡോക്യുമെന്റിന്റെ ഉള്ളടക്കത്തിൽ അത് എങ്ങനെ യോജിക്കുമെന്ന് ചിത്രത്തിന്റെ വലുപ്പം നിർണ്ണയിക്കും. നിങ്ങൾക്ക് മറ്റൊരു റെസല്യൂഷനോ വീക്ഷണ അനുപാതമോ ഉപയോഗിക്കാൻ താൽപ്പര്യമുണ്ടെങ്കിൽ, നിങ്ങൾക്ക് ചിത്രത്തിന്റെ വലുപ്പം മാറ്റാനും ശ്രമിക്കാവുന്നതാണ്. എന്നിരുന്നാലും, നിങ്ങൾ പ്രതീക്ഷിക്കുന്നത് പോലെ സ്കെയിലിംഗ് എല്ലായ്പ്പോഴും പ്രവർത്തിക്കില്ലെന്ന് ഓർമ്മിക്കുക.

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

Adding a link

You can add a link in HTML to your document using an a> href ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ടാഗ് ചെയ്യുക. ഇത് ഡോക്യുമെന്റിനായി ഒരു ബുക്ക്മാർക്ക് സൃഷ്ടിക്കുകയും അത് ഒരു പുതിയ ടാബിൽ തുറക്കുകയും ചെയ്യും. ഡോക്യുമെന്റിൽ ഒരു ഇമേജ് ചേർക്കാൻ നിങ്ങൾക്ക് ഒരു href ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം. ഒരു HTML ബട്ടണിനെ ഒരു ലിങ്കാക്കി മാറ്റാൻ നിങ്ങൾക്ക് JavaScript കോഡുള്ള ഒരു ലിങ്കും ഉപയോഗിക്കാം. നിങ്ങൾ ഇത് ചെയ്തുകഴിഞ്ഞാൽ, നിങ്ങൾക്ക് CSS അല്ലെങ്കിൽ JavaScript കോഡ് ഉപയോഗിച്ച് നിങ്ങളുടെ ലിങ്ക് സ്റ്റൈൽ ചെയ്യാം.

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

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

Adding a table

Adding a table to an HTML page is simple, എന്നാൽ അത് ചെയ്യുന്നതിന് മുമ്പ് നിങ്ങൾ പരിഗണിക്കേണ്ട ചില കാര്യങ്ങളുണ്ട്. നിങ്ങളുടെ സന്ദർശകന്റെ ശ്രദ്ധ ആകർഷിക്കുന്നതിനും പ്രധാനപ്പെട്ട വിവരങ്ങളിലേക്ക് ശ്രദ്ധ ആകർഷിക്കുന്നതിനും നിങ്ങളുടെ മേശയുടെ പശ്ചാത്തല നിറം നിർണായകമാണ്. ഹെക്‌സ് കളർ കോഡുകളോ വർണ്ണനാമങ്ങളോ ഉപയോഗിച്ച് നിങ്ങൾക്ക് പട്ടികയുടെ ഹെഡർ എലമെന്റിനും ഡാറ്റാ ഘടകത്തിനും വേറൊരു നിറം സജ്ജീകരിക്കാം. ഒരു രീതിയിലും, നിങ്ങളുടെ പട്ടിക എളുപ്പത്തിൽ ദൃശ്യമാകും.

td എലമെന്റ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഒരു ടേബിൾ ഹെഡറും ടേബിൾ ഡാറ്റയും ചേർക്കാം, വ്യക്തിയെ നിർവചിക്കുന്നത് “പെട്ടികൾ” ഉള്ളടക്കത്തിനായി. ഒരു വെബ്‌പേജിൽ ഡാറ്റ പ്രദർശിപ്പിക്കുന്നതിനുള്ള ആദ്യപടിയാണ് ഒരു ടേബിൾ ഹെഡർ ചേർക്കുന്നത്, നിങ്ങൾക്ക് വേണമെങ്കിൽ ആദ്യത്തേത് ചേർക്കണം. ഒരു പട്ടികയിൽ മൂന്ന് വരി തലക്കെട്ടുകളും ഉണ്ടായിരിക്കണം. ഒരു തലക്കെട്ട് ശൂന്യമായിരിക്കണം. നിങ്ങളുടെ പട്ടികയിൽ നിരകളുണ്ടെങ്കിൽ, ഓരോ നിരയ്ക്കും നിങ്ങൾ വരി തലക്കെട്ടുകളും സൃഷ്ടിക്കണം.

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

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. ഡിവി എലമെന്റ് ടെക്സ്റ്റിനുള്ള ഒരു പ്രത്യേക കണ്ടെയ്നറാണ്, ചിത്രങ്ങൾ, മറ്റ് ഘടകങ്ങളും. നിങ്ങൾക്ക് ഇഷ്ടമുള്ളതെന്തും പേരിടുകയും നിങ്ങളുടെ ആവശ്യങ്ങൾക്കനുസരിച്ച് അതിന്റെ ആട്രിബ്യൂട്ടുകൾ മാറ്റുകയും ചെയ്യാം. നിങ്ങളുടെ പേജിലെ ഡിവിനും മറ്റ് ഘടകങ്ങൾക്കും ഇടയിൽ ഒരു ഇടം സൃഷ്‌ടിക്കാൻ നിങ്ങൾക്ക് ഒരു ക്ലാസോ മാർജിനോ ചേർക്കാനും കഴിയും.

ഒരു ഡിവിയുടെ ഉള്ളിൽ കോഡ് ചേർക്കാൻ നിങ്ങൾക്ക് innerHTML ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം. ഈ രീതി ഒരു സ്ട്രിംഗിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന കോഡ് സ്വീകരിക്കുന്നു, അത് ഡിവിക്കുള്ളിൽ ഇല്ലെങ്കിൽ, ഉള്ളടക്കം നീക്കം ചെയ്യപ്പെടും. ഈ രീതിയിൽ ഒരു ഡിവിയിൽ കോഡ് ചേർക്കുന്നത് നിങ്ങൾ ഒഴിവാക്കണം, കാരണം ഇത് നിങ്ങളുടെ വെബ്‌സൈറ്റിനെ ക്രോസ്-സൈറ്റ് സ്‌ക്രിപ്റ്റിംഗ് കേടുപാടുകൾക്ക് വിധേയമാക്കിയേക്കാം. നിങ്ങൾ JavaScript പോലുള്ള ഒരു സ്ക്രിപ്റ്റിംഗ് ഭാഷയാണ് ഉപയോഗിക്കുന്നതെങ്കിൽ, നിങ്ങൾക്ക് innerHTML ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം.

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