ഒരു വെബ്സൈറ്റ് ഉണ്ടാക്കാൻ ആരംഭിക്കുന്നതിന് അടിസ്ഥാന HTML പഠിക്കുക
നിങ്ങളുടെ വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ അടിസ്ഥാന HTML പഠിക്കുക. അടിസ്ഥാന HTML പഠിക്കാൻ ബുദ്ധിമുട്ടുള്ളതല്ല. നിങ്ങൾ സ്വന്തമായി സ്വകാര്യ വെബ് സൈറ്റ് സൃഷ്ടിക്കാൻ ആഗ്രഹിക്കുന്നെങ്കിൽ എപ്പോഴെങ്കിലും നിങ്ങൾ ചെയ്യുന്ന ഏറ്റവും പ്രധാനപ്പെട്ട ഒന്നാണിത്. ഇന്റർനെറ്റിലെ വെബ് സൈറ്റ് അടിസ്ഥാനമാക്കിയുള്ള ഭാഷയാണ് കാരണം നല്ല പേജുകൾ രൂപകൽപ്പന ചെയ്യുന്നതിനായി നിങ്ങൾ HTML പഠിക്കണം.
നിങ്ങളുടെ ജീവിതത്തിലെ ചിലത് പ്രകടിപ്പിക്കാനുള്ള മികച്ച മാർഗമാണ് വെബ് സൈറ്റുകൾ. നിങ്ങളുടെ വെബ് സൈറ്റിൽ അവ കാണിക്കാൻ ആഗ്രഹിക്കുന്നതെന്തും ലോകത്തെ കാണിക്കാൻ അടിസ്ഥാന HTML നിങ്ങളെ അനുവദിക്കുന്നു. നിറങ്ങൾ ചേർക്കുന്നത്, നിങ്ങളുടെ വെബ് സൈറ്റിലെ വാചക വലുപ്പം മാറ്റുന്ന ചിത്രങ്ങൾ, അടിസ്ഥാന HTML മനസിലാക്കുന്ന സമയത്ത് നിങ്ങൾക്ക് ചെയ്യാവുന്ന ഏതാനും കാര്യങ്ങൾ മാത്രമാണ്.
അടിസ്ഥാന HTML മനസിലാക്കാൻ നിങ്ങൾ ശരിക്കും പറഞ്ഞാൽ, അത് വെറും സ്റ്റാൻഡേർഡ് അക്ഷരങ്ങളുടെ ഒരു പരമ്പരയാണെന്ന് ഓർമ്മിക്കുക. ഉദാഹരണത്തിന്, H1 എന്നത് ഒരു ഖണ്ഡികയ്ക്കായിരിക്കും, അത് അഞ്ചാമത്തെ വലിപ്പത്തിലും BR- യുടെ ഒരു ബ്രേക്കിലും ആയിരിക്കും.
നിങ്ങൾ എച്ച്ടിഎംഎൽ പഠിക്കുമ്പോൾ, ഓർമ്മിക്കേണ്ട പ്രധാനപ്പെട്ട ഒരു കാര്യം, ഒരു വെബ് പേജിൽ HTML ടാഗുകൾ ഒരു പ്രത്യേക ക്രമത്തിൽ വരും, മാത്രമല്ല മിക്ക HTML ടാഗുകളിലും ആജ്ഞ തിരിച്ചറിയാൻ ബ്രൌസറിനായി ഒരു ആരംഭ, അവസാന ടാഗ് ഉണ്ടായിരിക്കണം. ഒരു അടയാളം ടാഗിൽ ആരംഭിക്കുന്നത്, അത് / ചിഹ്നത്തോടൊപ്പം ആരംഭിക്കുന്നതാണ്. ഒരു തലക്കെട്ട് ഇവിടെ ദിശ ഇവിടെ H1> ആയി കാണപ്പെടും
. ഒരു ആരംഭ ടാഗും H1 , തലക്കെട്ടും അവസാന ഫലവും ഉണ്ട്, / H1 .
അടിസ്ഥാന HTML ശരിയായ മാർഗം മനസിലാക്കുക, ഒപ്പം ടാഗുകൾ ഒരു പ്രത്യേക ക്രമത്തിൽ വരും എന്ന് ഓർമ്മിക്കുക. ഒരു വെബ് പേജിന്റെ അടിസ്ഥാന ഘടന താഴെ പറയും.
ഫ്രെയിമുകൾ, ഭാഷ, പ്രത്യേക നിർദ്ദേശങ്ങൾ എന്നിവ പോലുള്ള പ്രധാന രേഖകൾ ഇവിടെ നിങ്ങൾക്ക് നൽകാം.
നിങ്ങളുടെ പേജിന്റെ ശീർഷകം
HEAD>
നിങ്ങളുടെ കഥയും ചിത്രങ്ങളും ലിങ്കുകളും മറ്റെവിടെയെങ്കിലും ഇവിടെ ഇടുക.
നിങ്ങളുടെ ഖണ്ഡികയുടെ തലക്കെട്ട്. H1>
നിങ്ങളുടെ രേഖയുടെ ടെക്സ്റ്റ് ഇതാണ് നിങ്ങൾ എവിടെയാണോ ഇവിടെ വരുന്നത്. P>
ഒരു ലിങ്ക് എങ്ങനെ എഴുതാമെന്നത്:
http://www.nameofpage.com "> ശീർഷകം അല്ലെങ്കിൽ നിങ്ങൾ എന്താണ് പറയാൻ ആഗ്രഹിക്കുന്നത്. പാഠം
BODY>
HTML>
നിങ്ങൾക്ക് ഒരു വാചകത്തിന്റെ മധ്യഭാഗത്ത് ഒരു ലിങ്ക് നൽകാം. നിങ്ങൾക്ക് മൈക്രോസോഫ്റ്റിന്റെ ചില അത്ഭുതകരമായ ഡെമോകൾ ഉണ്ട് എന്ന് പറയാൻ ആഗ്രഹമുണ്ടെങ്കിൽ. ഇത് ഇതുപോലെ കാണപ്പെടും:
മറ്റ് പേജുകളിലേക്ക് ലിങ്കുകൾ സൃഷ്ടിക്കാൻ മാത്രമല്ല, അതേ പേജിൽ നിങ്ങൾക്ക് മറ്റൊരു സ്ഥലത്തിലേക്ക് ലിങ്കുകൾ സൃഷ്ടിക്കാനും കഴിയും. ഈ ലേഖനത്തിന്റെ തുടക്കത്തിലേക്ക് നിങ്ങളെ തിരികെ പോകാൻ ഞാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, "തിരിച്ചുപോക്ക്" എന്ന പോലെ പറയും, ഹൈപ്പർലിങ്ക് ക്ലിക്കുചെയ്തുകൊണ്ട് നിങ്ങൾ ആരംഭത്തിലേക്ക് തന്നെ പോകും. ഇത് രണ്ട് ഭാഗങ്ങളുള്ളതിനാൽ ഇത് കൂടുതൽ ബുദ്ധിമുട്ടാണ്. നിങ്ങളുടെ ലിങ്ക് സൃഷ്ടിക്കുന്നതിൽ ഒന്നാമതായി:
nameofdocument #There"> തിരികെ മടങ്ങുക
"അവിടെ" എന്ന പദം ഞാൻ നിങ്ങളെ തിരികെ കൊണ്ടുപോകാൻ ഉദ്ദേശിക്കുന്ന പദമാണ്. ഇപ്പോൾ ഞാൻ ആ പദത്തിലേക്ക് പോകുകയും സൃഷ്ടിക്കുകയും നങ്കൂരമിടുകയും ചെയ്യുന്നു. അതിനാൽ, ഞാൻ സൃഷ്ടിച്ച ലിങ്ക് എവിടേക്കറിയാം എന്ന് എനിക്കറിയാം:
നിങ്ങൾ അടിസ്ഥാന HTML പഠിക്കുമ്പോൾ Windows ൽ വരുന്ന ടെക്സ്റ്റ് എഡിറ്ററിൽ നോട്ട്ടാബ്, അരാക്നോഫിലോ അല്ലെങ്കിൽ നിങ്ങളുടെ വെബ്ബ് ബ്രൌസറിൽ വരുന്ന പ്രോഗ്രാമുകൾ എന്നിവ നിങ്ങളുടെ വെബ്സൈറ്റിൽ എഴുതാം. നിങ്ങൾ ഏതെങ്കിലുമൊരു മാർഗമനുസരിച്ചാൽ നിങ്ങൾ അടിസ്ഥാന HTML മനസിലാക്കിയാൽ എല്ലാം നന്നായി മാറും.
അടിസ്ഥാന HTML ടാഗുകൾ
- ബ്രൌസർ കണ്ടില്ലെന്ന് രചയിതാവിന്റെ അഭിപ്രായങ്ങൾ കാണുന്നില്ല.
... HTML> - എല്ലായ്പ്പോഴും ഈ ടാഗുകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ പേജ് ആരംഭിക്കുകയും അവസാനിക്കുകയും ചെയ്യുക.
... HEAD> - പ്രമാണത്തിനുള്ള തലക്കെട്ട്.
... BODY> - പ്രമാണത്തിന്റെ ബോഡി.
... H1>
- ഏറ്റവും ശീർഷക വലുപ്പം.
... H2>
- ചെറിയ തലക്കെട്ട് വലുപ്പം.
... H3>
- ഇടത്തരം-ചെറു ശീർഷക വലുപ്പം.
... H4>
- ഇടത്തരം വലുപ്പമുള്ള വലുപ്പം.
... H5>
- വലിയ തലക്കെട്ട് വലുപ്പം.
... H6>
- വലിയ തലക്കെട്ട് വലുപ്പം.
... - ഒരു ഹൈപ്പർടെക്സ്റ്റ് ലിങ്ക് ആരംഭിക്കുന്നു.
... ADDRESS> - രചയിതാവിന്റെ വിവരങ്ങൾ.
... BLOCKQUOTE>
- നീണ്ട ഉദ്ധരണികൾ.
... PRE>
- ഫോർമാറ്റ് ചെയ്ത വാചകം.
- ഫോം ബ്ലോക്ക്.
- വാചകം നൽകുന്നതിനായി ഒരു ബോക്സ് സൃഷ്ടിക്കുന്നു.
- ഒരു സ്ക്രോളിംഗ് മെനു ഉണ്ടാക്കുന്നു.
- തിരഞ്ഞെടുക്കുന്നതിന് ഇനങ്ങൾ സൃഷ്ടിക്കുന്നു.
... OL>
- ക്രമപ്പെടുത്തിയ പട്ടിക.
ഓർഡർ ലിസ്റ്റിന്റെ ഉദാഹരണം:
- ചുവപ്പ്
- നീല
- പച്ച നിറം
... UL>
- പട്ടികയിൽ ക്രമമില്ലാത്ത ലിസ്റ്റ്.
ക്രമരഹിത പട്ടികയുടെ ഉദാഹരണം:
- ചുവപ്പ്
- നീല
- പച്ച നിറം
- മെനു ലിസ്റ്റ്.
... DL>
- ഗ്ലോസറി ലിസ്റ്റ്.
... CITE> - സൈറ്റേഷൻ.
... CODE>
- കോഡ് ഫോണ്ട്.
... DFN> - നിർവചിക്കപ്പെട്ട പദം.
... EM> - ഊന്നൽ.
ചുവപ്പ് ഊന്നൽ ഉദാഹരണം:
ചുവപ്പ്, നീല, പച്ച
... I> - ഇറ്റാലിക്ക്.
ഇറ്റാലിക് ഉദാഹരണങ്ങൾ:
ചുവപ്പ്, നീല, പച്ച
... KBD> - കീബോർഡ് വാചകം.
... SAMP> - സാമ്പിൾ പാഠം.
... strong> - ശക്തമായ പ്രാധാന്യം.
ശക്തമായ പ്രാധാന്യം ഉദാഹരണം:
ചുവപ്പ്, നീല, പച്ച
... TT> - ടൈപ്പ്റൈറ്റർ ടെക്സ്റ്റ്.
... VAR> - വേരിയബിൾ.
... B> - ബോൾഡ്.
- ഡോക്യുമെന്റ് വിവരിക്കുന്നു.
- ലൈൻ ബ്രേക്ക്.
- തിരശ്ചീന വരി
- ഇമേജ്.
- ഖണ്ഡിക.
- ലിസ്റ്റ് ഇനം.
- ഒരു പട്ടികയിൽ ഒരു പദം അടയാളപ്പെടുത്തുക.
- ലിസ്റ്റിലെ നിർവചനം അടയാളപ്പെടുത്തുന്നു.