നിങ്ങൾക്ക് HTML-പേജ് സൃഷ്ടിക്കാൻ എങ്ങനെ തോന്നുന്നു? ഇത് ചെയ്യുന്നതിന്, കുറച്ച് സമയം ചെലവഴിക്കാൻ വേണം, നിങ്ങൾ അറിയും എച്ച്ടിഎംഎൽ അടിസ്ഥാന. നിങ്ങൾ നിങ്ങളുടെ ആദ്യ പേജ് 5 മിനിറ്റ് കഴിയും സൃഷ്ടിക്കുക.

എച്ച്ടിഎംഎൽ ഹൈപ്പർ മാർക്കറ്റ് സൂചിപ്പിക്കുന്നു. വിവർത്തനം ചെയ്ത, അത് "ഹൈപ്പർ മാർക്കറ്റ്" എന്നാണ്. അങ്ങനെയല്ലെങ്കിൽ ഒരു പ്രോഗ്രാമിങ് ഭാഷ, അതായത് മാർക്കപ്പ് സൈറ്റ് - അത് എച്ച്ടിഎംഎൽ മനസ്സിലാക്കുന്നു പ്രധാനമാണ്.

എല്ലാ ആധുനിക ബ്രൗസറുകൾ അത് തിരിച്ചറിയാൻ കഴിയും. അവർ വിവരങ്ങൾ പോലെ മുൻകൂർ രചയിതാവ് അദ്ദേഹം ഉപയോക്താവിന് ഒരു സൗകര്യപ്രദമായ വിധത്തിൽ കാണിക്കുന്നു.

ഈ ഭാഷ പ്രത്യേക ടാഗുകൾ ഉപയോഗിക്കുന്നു. ഓരോ ടാഗ് ഒരു ചടങ്ങിൽ ഉണ്ട്. അവരിൽ ധാരാളം. സാധാരണയായി, എല്ലാം പഠിക്കേണ്ടതുണ്ട്. എന്നാൽ തുടക്കക്കാരി അടിസ്ഥാന അറിവ് മതി.

എച്ച്ടിഎംഎൽ അടിസ്ഥാന

നിങ്ങൾക്ക് HTML-പേജ് സൃഷ്ടിക്കാൻ കഴിയും മുമ്പ്, അത് എന്താണെന്ന് അറിയേണ്ടതുണ്ട്. മൂലകം ടാഗ്: ഈ ഭാഷയിൽ, രണ്ടു സങ്കല്പങ്ങൾ ഉണ്ട്.

മൂലകം ആരംഭിക്കുകയും ഒരു ഉദ്ഘാടന ക്ലോസിംഗ് ടാഗ് ഉപയോഗിച്ച് അടയുന്നു വ്യക്തമാക്കുന്നതിന്. ഈ പോലെ കാണപ്പെടുന്നു.

ഉള്ളടക്കം <ടാഗ് ആരംഭിക്കുക>

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, ഉദ്ഘാടന ക്ലോസിംഗ് ടാഗ് "/" വഴി മാത്രം വ്യത്യാസമുള്ള.

എല്ലാ എച്ച്ടിഎംഎൽ-പ്രമാണം ഈ മൂലകങ്ങളുടെ ഒരു കൂട്ടം. പ്രമാണത്തിന്റെ ഘടന ചില ആവശ്യങ്ങൾ ഉണ്ട്. എല്ലാ പേജ് ഉള്ളടക്കം രണ്ടു ടാഗുകൾ ഒപ്പം തമ്മിൽ ആയിരിക്കണം. നിങ്ങൾ കോഡ് എഴുതുമ്പോൾ, ഉടനെ ടാഗ് തുറന്ന് ക്ലോസിംഗ് വയ്ക്കണമെന്ന് ഒരു ശീലം എടുത്തു.

കൂടാതെ ഭാഷ എച്ച്ടിഎംഎൽ ഘടന സ്വന്തം ചിട്ടപ്പെടുത്തിയ ഉണ്ട് ഓർക്കുക. അല്ലാത്തപക്ഷം, കൂടുകെട്ടി വിളിക്കുന്നു. HTML ടാഗ് എല്ലാ മറ്റുള്ളവരെ അതിനുള്ളിൽ കാരണം, ഏറ്റവും പ്രധാനമാണ്.

HTML ൽ, രണ്ടു ഘടകങ്ങൾ ഉണ്ട്:

• <ഹെഡ്> ... ;
• .. .

ഹെഡ് വിഭാഗത്തിൽ വിവിധ സേവന വിവരങ്ങൾ വ്യക്തമാക്കുന്നു. ഈ വിവരം ബ്രൗസറിൽ പ്രദർശിപ്പിച്ച ഇല്ല. എല്ലാ പരിപാടികളും, റോബോട്ടുകൾ കൂടുതൽ, ഉദാഹരണത്തിന് ഡെവലപ്പർമാർക്ക് വേണ്ടി, മാർഗ.

ഏറ്റവും പ്രധാനപ്പെട്ട കാര്യം - യാതൊരു ഉള്ളടക്കം ഉണ്ടാകുമ്പോൾ.

ശരീരത്തിനു വിഭാഗം ഉപയോക്താവിന് പ്രദർശിപ്പിക്കും ഏത് പ്രമാണം, ഉള്ളടക്കം വ്യക്തമാക്കുന്നു.

അത് 10 സബ്-ഇനങ്ങൾ പോലെ ഉടനെ, പൊതു, സ്വകാര്യ ടാഗുകൾ നടത്താൻ അറിയുക. കൂടാതെ, സൗകര്യമൊരുക്കി പട്ടികയ്ക്കുള്ളിലെ ടാഗുകൾ ഇൻഡന്റ് ചെയ്യും. ഉദാഹരണത്തിന്, ഇതുപോലെ.

<തല>

<ശരീരം>

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

എങ്ങനെ ഒരു ലളിതമായ എച്ച്ടിഎംഎൽ പേജ് സൃഷ്ടിക്കാൻ

നിങ്ങൾ എഡിറ്റർ ചില വേണമെങ്കിൽ കോഡ് എഴുതാൻ. അവരിൽ ധാരാളം. ജനപ്രിയ നോട്ട്പാഡ് ++ ലും അഡോബ് ദ്രെഅമ്വെഅവെര് ആകുന്നു. നിങ്ങൾക്ക് നോട്ട്ബുക്ക് ഉപയോഗിക്കാം.

ഇവിടെ എന്തു നോട്ട്പാഡ് ++ എഡിറ്റർ.

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

വെളിച്ചം ഭാഷ പൊരുത്തപ്പെടുന്നില്ല വേണ്ടിയാണ്, അത് ക്രമീകരണങ്ങളിൽ വ്യക്തമാക്കാൻ അത്യാവശ്യമാണ്.

ന്റെ നോട്ട്പാഡ് ഒരു എച്ച്ടിഎംഎൽ പേജ് സൃഷ്ടിക്കാൻ എങ്ങനെ നോക്കാം. സാങ്കേതിക ഭാഗം പൂർത്തിയാക്കാൻ, എന്നിട്ട് വെറും ടാഗ് പഠനം നീങ്ങുക.

എങ്ങനെ നോട്ട്ബുക്ക് ഒരു വെബ് പേജ് സൃഷ്ടിക്കുന്നതിന് HTML

ആദ്യം, നോട്ട്ബുക്ക് തുറക്കുക.

അപ്പോൾ താഴെ സ്ക്രീൻഷോട്ട് വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ അത് ടൈപ്പ്.

ഒരു പകർപ്പ് തന്റെ കൈകൾ എഴുതിയ ഉപയോഗിക്കും. നിങ്ങളുടെ കൈകൾ എഴുതുമ്പോൾ, മെച്ചപ്പെട്ട മുഴുവൻ ടാഗ് ഡാറ്റാബേസ് മനഃപാഠമാക്കി.

തുടർന്ന് മെനുവിൽ ക്ലിക്ക് "ഫയൽ സംരക്ഷിക്കുക" ഒരു ഫയൽ പേര് വ്യക്തമാക്കുന്നു, പക്ഷേ വിപുലീകരണം .html കൂടെ.

ഫയൽ നിങ്ങളുടെ ബ്രൗസറിൽ തുറക്കാൻ കഴിയും, ഫലം ആസ്വദിക്കാൻ. ഇപ്പോൾ നിങ്ങൾ നോട്ട്ബുക്ക് എച്ച്ടിഎംഎൽ ഒരു വെബ് പേജ് സൃഷ്ടിക്കാൻ എങ്ങനെ വ്യക്തമായ ആയിരിക്കണം.

ലോക കൺസോർഷ്യം W3C

വികസിക്കും ഇന്റർനെറ്റ് എല്ലാ മാനദണ്ഡങ്ങൾ നടപ്പിലാക്കുന്ന ഏത് W3C പോലുള്ള ഒരു സംഘടന, ഉണ്ട്. എല്ലാ ബ്രൗസറുകളും ഈ നിയമങ്ങൾ പ്രകാരം പേജുകൾ ഈ നിലവാരത്തിലും പ്രക്രിയ ലേഔട്ട് (ങ്ങൾ) വിധേയമാണ്.

എച്ച്ടിഎംഎൽ ന്റെ നിർമ്മാതാക്കൾ ഔദ്യോഗിക വെബ്സൈറ്റ്, നിങ്ങൾ എല്ലാ ടാഗുകളും നിയമങ്ങൾ അവരുടെ ഉപയോഗം സംബന്ധിച്ച ഒരു മേശ കണ്ടെത്താൻ കഴിയും. ഈ ലേഖനത്തിൽ നാം ഏറ്റവും അടിസ്ഥാന നോക്കൂ.

നിങ്ങൾക്ക് പാടില്ല എന്നു കുറിച്ച് കഴിയും? എല്ലാ ഈ ടാഗുകൾ ഒരു ശുപാർശ ഉണ്ട്. അവരിൽ നിരവധി:

• ഓപ്ഷണൽ ടാഗ്.
• നിരോധിക്കപ്പെട്ടത്.
• ശൂന്യ ടാഗ്.
• കാലഹരണപ്പെട്ട
• ലോസ്റ്റ്.

HTML ൽ ടാഗുകൾ

നിങ്ങൾക്ക് HTML-പേജ് സൃഷ്ടിക്കാൻ കഴിയും മുമ്പ്, തല സേവനത്തിൽ എന്നു മനസ്സിലാക്കുന്നു വേണം.

ഹെഡ് പരിസരത്ത് നിർബന്ധമായും, ഓപ്ഷണൽ ടാഗുകൾ രണ്ട് ഉണ്ട്. നിർവഹിക്കുകയും ടാഗ് തലക്കെട്ട് സൂചിപ്പിക്കുന്നു. ഇത് പ്രകാരം <തലക്കെട്ട്> ശീർഷകം സൂചിപ്പിക്കുന്നു. അവൻ മുഴുവൻ പ്രമാണം നിയോഗിക്കുന്നു. ഒരു ടാഗ് തലക്കെട്ട് - നിങ്ങൾ Google തിരയൽ എഞ്ചിൻ ഫലങ്ങളിൽ എന്തു കാണുന്നു.

നാം സംഘം വിഭാഗത്തിലേക്ക് തിരിഞ്ഞ്. ബ്രൗസറിൽ ദൃശ്യമാകുന്ന ഘടകങ്ങൾ ഉണ്ട്,-പ്രദർശിപ്പിച്ചിരിക്കുന്നു നോൺ ഉണ്ട്. ഉദാഹരണത്തിന്, അഭിപ്രായങ്ങൾ ഉപയോക്താവിന് ദൃശ്യമല്ല. നിങ്ങൾ ഒരു ടീമിൽ ജോലി ചെയ്താൽ കുറിപ്പുകൾ മറ്റ് ജീവനക്കാരുടെ നുറുങ്ങുകൾ ഉപയോഗിക്കാൻ കഴിയും.

അവർ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു

ഈ വഴിയിൽ പരിഗണിക്കപ്പെടുന്നത് പ്രോഗ്രാം, അവയ്ക്കിടയിലുള്ളതിൻറെയും എല്ലാം <-! - ഒപ്പം>. നിങ്ങൾ മറ്റൊരു ടാഗ് അഭിപ്രായം ഒരു അഭിപ്രായം ടാഗ് ഇട്ടു കഴിയില്ല കാര്യം ശ്രദ്ധിക്കുക. !, ആ തുടരുന്നു, അത് പ്രദർശിപ്പിക്കില്ല - ഉടൻ <തുറക്കാൻ പോലെ കാരണം. > - ഹാൻഡ്ലർ അടയ്ക്കൽ ടാഗ് കാണും പോലെ അല്ല വിവരം കാലം കാണാനാകില്ല.

ഇത്തരം ആല ഉദാഹരണം:

<-! <ഈ ഭാഷയിലെ ആദ്യത്തെ -! രണ്ടാമത്തെ അഭിപ്രായം - ആദ്യ അഭിപ്രായത്തിന്റെ> നിലനിന്നു ->

ബ്രൗസർ താഴെ ഫലം ചെയ്യും

ആദ്യ അഭിപ്രായം തുടർച്ചയായി ->

എന്നാൽ <ഒരു കഷണം -! ഈ ഭാഷയിലെ ആദ്യത്തെ <-! രണ്ടാമത്തെ അഭിപ്രായം -> ദൃശ്യമാകില്ല. രണ്ടാം ഓപ്പണിംഗ് ടാഗ് <-! പ്ലെയിൻ വാചകമായി അവഗണിക്കുകയും കണക്കാക്കപ്പെട്ടു.

വാചകത്തിൽ തലക്കെട്ടുകൾ

തലക്കെട്ട് തലക്കെട്ട് ടാഗ് ഉപയോഗിച്ച് ഹെഡ് വിഭാഗത്തിൽ മാത്രമല്ല വ്യക്തമാക്കുന്നു. തലക്കെട്ട് പശ്ചാത്തലത്തിൽ വരണമെന്നില്ല വ്യക്തമാക്കണം. മാത്രം മുതൽ ഉപയോക്താവിന് കാണുന്നു.

തലക്കെട്ടുകൾ അളവ് വ്യത്യസ്ത വരുന്നു. വാചകത്തിൽ അപ്രകാരം അധികാരശ്രേണിയിലെ. തത്തുല്യമായ വാല്യങ്ങൾ, അധ്യായങ്ങൾ, ഒരു പുസ്തകത്തിൽ ഖണ്ഡികകൾ.

ഇത് വെറും 6 അളവ് ആണ്. പ്രധാന തലക്കെട്ട് നിയുക്ത

ശീർഷകം ആണ്. h1 ടാഗുകൾ പേജ് ടെക്സ്റ്റ്, തലക്കെട്ട് പ്രൊമോട്ട് കണക്കിലെടുത്ത് ഇതേ വേണം. മാത്രമല്ല, കാഴ്ച ഒരു സ്വര പോയിന്റ് നിന്ന് H1, അവിടെ ഒരേയൊരു വേണം. എന്നാൽ ഈ ബ്രൗസർ തുടർന്നുള്ള h1 കൈകാര്യം ചെയ്യുന്നില്ലെന്ന് അർത്ഥമില്ല. അവർ നിങ്ങൾക്ക് ആവശ്യമുള്ള എല്ലാ ചെയ്യാൻ കഴിയും, എന്നാൽ ഈ ചെയുന്നത് നല്ലതല്ല.

സുഭെഅദിന്ഗ്സ് വേണ്ടി H2 നിന്ന് h6 ടാഗുകളും ഉപയോഗിക്കുക. ആദ്യം, രണ്ടാം, മൂന്നാം നാലാം, അഞ്ചും ആറും തലത്തിൽ തലക്കെട്ട് വിളിച്ചു - അവർ അങ്ങനെ ആകുന്നു. അങ്ങനെ ഒരു നെസ്റ്റുചെയ്ത ഡാറ്റയും വിഭാഗങ്ങളിലേക്ക് ഡിവിഷൻ സൃഷ്ടിക്കുക.

ഈ പോലെ കാണപ്പെടുന്നു.

ഖണ്ഡിക

നിങ്ങൾ ടാഗ്

... രജിസ്റ്റർ ചെയ്യണം കോഡ് പ്രധാന വാചകം. അവൻ വാക്ക് "ഖണ്ഡിക" നിന്ന് വന്നു. ഓരോ ഖണ്ഡിക ടാഗ് പൂരിപ്പിച്ച്

അല്ല ഒരു ചിതയിൽ എല്ലാം സ്ചുല്പ്ത്. സാധാരണ വരി പ്രോസസ് ചെയ്യുകയില്ല. എല്ലാം ഒരു വരിയിൽ സൂചിപ്പിക്കും. കൈമാറ്റങ്ങൾ ഉപയോഗിക്കുന്ന വേണം
ടാഗ്.

ടാഗ് കൈമാറ്റം അടച്ചിട്ടില്ലെന്ന കാര്യം ശ്രദ്ധിക്കുക. അവൻ ഒരൊറ്റ ആണ്.

ഉദാഹരണത്തിന് വാക്യം പരിഗണിക്കുന്നതിനുള്ള.

വിവിധ ടാഗുകൾ, അതിന്റെ "പേര്" കൂടാതെ, ഒരു അവസ്ഥ. ഉദാഹരണത്തിന്, ഒരു ഖണ്ഡിക ടാഗ് സൂചിപ്പിക്കുകയും ചെയ്യുന്നു വിന്യസിക്കുക ഏത് ഇതിലൊരു "വിന്യാസം", ഉണ്ട്. അതു ഇടത്തോട്ടും വലത്തോട്ടും കേന്ദ്രം ക്രമീകരിക്കാൻ കഴിയും. അത്, ഇടത് അല്ലെങ്കിൽ വലത് അല്ലെങ്കിൽ മദ്ധ്യത്തിൽ അലൈൻമെന്റ് ആണ്.

ലിങ്കുകൾ ഉപയോഗിച്ച്

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

ലിങ്ക് ടെക്സ്റ്റ്

വിലാസവും ടെക്സ്റ്റ് നിർദേശിക്കുന്നില്ലെങ്കിൽ, ഈ ലിങ്ക് ഉപയോക്താവിന് ഉപയോഗശൂന്യം അല്ലെങ്കിൽ അദൃശ്യ ആയിരിക്കും.

തീരുമാനം

ടാഗുകൾ ഒരു ഉണ്ട്, ഓരോ ഗുണവിശേഷങ്ങൾ സ്വന്തം സെറ്റ് ഉണ്ട്. ഈ വിവരങ്ങൾ വായിച്ചശേഷം നിങ്ങൾ ഒരു വെബ് പേജ് HTML സൃഷ്ടിക്കാൻ എങ്ങനെ മനസ്സിലാക്കണം.

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