HTML ൽ എഴുതുക: അടിസ്ഥാന HTML ആശയങ്ങൾ

നിങ്ങൾ ചിന്തിക്കുന്നതിനെക്കാൾ എളുപ്പമാണ്

ഒരു നല്ല സിഎംഎസ് നിങ്ങളുടെ വെബ്സൈറ്റിലേക്ക് ലേഖനങ്ങൾ പോസ്റ്റുചെയ്യുന്നത് എളുപ്പമാക്കുന്നു. എന്നാൽ നിങ്ങൾ എന്താണ് പോസ്റ്റുചെയ്യുന്നത്? ടെക്സ്റ്റിന്റെ നിരവധി ഖണ്ഡികകൾ. ആ വാചകം ശരിയായി ഫോർമാറ്റ് ചെയ്തിട്ടില്ലെങ്കിൽ, നിങ്ങളുടെ സുന്ദരമായ ലേഖനം നിങ്ങളുടെ വെബ്സൈറ്റിൽ കാണപ്പെടും.

നല്ല വാർത്ത: നിങ്ങൾ HTML ൽ എഴുതാൻ പഠിച്ചാൽ, നിങ്ങളുടെ ലേഖനം മികച്ചതായി കാണപ്പെടും. കുറച്ച് അടിസ്ഥാന ആശയങ്ങളോടെ, നിങ്ങൾക്ക് എപ്പോൾ വേണമെങ്കിലും HTML ൽ എഴുതാം.

HTML: വെബ് ബ്രൗസറിന്റെ ഭാഷ

"ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്" "HTML". അടിസ്ഥാനപരമായി, നിങ്ങളുടെ ടെക്സ്റ്റ് അടയാളപ്പെടുത്തുന്നതിനുള്ള ഒരു ഭാഷയാണിത് , അതിനാൽ ഫോൾഡറി രൂപങ്ങൾ ബോൾഡ് അല്ലെങ്കിൽ മറ്റ് സൈറ്റിലേക്ക് ലിങ്ക് ചെയ്യാൻ കഴിയും.

നിങ്ങളുടെ ബ്രൗസറിന്റെ അടിസ്ഥാന ഭാഷ HTML ആണ്. ഞങ്ങൾ ഇന്റർനെറ്റിനായി (PHP, പെർൽ, റൂബി, മറ്റുള്ളവ) നിരവധി പ്രോഗ്രാമിങ് ഭാഷകളും ഉപയോഗിക്കുന്നു, പക്ഷേ ഇവ എല്ലാം ഒടുവിൽ HTML തുറന്നുകഴിഞ്ഞു. (കൊള്ളാം, അല്ലെങ്കിൽ ജാവാസ്ക്രിപ്റ്റ്, പക്ഷേ നമുക്കിത് ലളിതമാക്കിയിരിക്കാം.)

നിങ്ങളുടെ ബ്രൌസർ HTML എടുത്തു, അത് ഒരു നല്ല വെബ് പേജായി മാറ്റുന്നു.

HTML ൽ എഴുതാൻ പഠിക്കൂ, നിങ്ങൾ ബ്രൌസറിനോട് എന്താണ് ചെയ്യേണ്ടതെന്ന് കൃത്യമായി നിങ്ങൾക്ക് അറിയാം.

HTML സാധാരണ പദാവലിയായി അടയാളപ്പെടുത്തുന്നു

HTML ഒരു മാർക്ക്അപ്പ് ഭാഷയാണ്, അതിനാൽ മിക്ക HTML- കളും പ്ലെയിൻ ടെക്സ്റ്റ് മാത്രമാണ്. ഉദാഹരണത്തിന് ഇത് തികച്ചും നല്ലതാണ് HTML:

ഹലോ. ഞാൻ HTML ആണ്. ആവേശം. ആണ്ക്കുട്ടിയായിരുന്നെങ്കില്. അത്ഭുതകരമായ.

എന്നാൽ കാത്തിരിക്കുക, നിങ്ങൾ പറയുന്നു. അത് ഒരു കമ്പ്യൂട്ടർ ഭാഷ പോലെ തോന്നുന്നില്ല! ഇത് ഇംഗ്ലീഷ് പോലെയാണ്!

അതെ. ഇപ്പോൾ നിങ്ങൾക്ക് വലിയ രഹസ്യം അറിയാം. HTML (ശരിയായി ഉപയോഗിക്കുമ്പോൾ) വായനയോഗ്യമായ വാചകമാണ്.

നിങ്ങളുടെ വേർഡ് പ്രൊസസ്സർ അനുഭവം പഠിക്കുക

തീർച്ചയായും, പ്ലെയിൻ ടെക്സ്റ്റിനേക്കാൾ കൂടുതൽ ഞങ്ങൾക്ക് വേണം. നമ്മൾ പറയാൻ ആഗ്രഹിക്കുന്നു, ഇറ്റാലിക്സ് .

ഒരു വേഡ് പ്രോസസർ പ്രോഗ്രാം (മൈക്രോസോഫ്റ്റ് വേഡ്, അല്ലെങ്കിൽ സൌജന്യ ലിബ്രെ ഓഫീസ്) പോലെ ഇറ്റാലിക്സ് എങ്ങനെ ലഭിക്കും എന്ന് നിങ്ങൾക്ക് ഇതിനകം അറിയാം. നിങ്ങൾ അല്പം ബട്ടൺ അമർത്തുക.

അപ്പോൾ മുതൽ നിങ്ങൾ ടൈപ്പുചെയ്യുന്നതെല്ലാം ഇറ്റാലിക്സിലാണ്. നിങ്ങൾക്ക് പേജുകൾ ടൈപ്പുചെയ്യാനാകും. നിങ്ങൾ ഈ ഉത്സവത്തിന്റെ പ്രാധാന്യം നിർത്തുന്നത് എങ്ങനെ? ഞാൻ വീണ്ടും ബട്ടൺ അമർത്തുക. ഇപ്പോൾ നിങ്ങളുടെ ഫോണ്ട് മടങ്ങിയെത്തിയിരിക്കുന്നു.

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

നിർഭാഗ്യവശാൽ, ഈ അന്തിമ പോയിന്റുകൾ അദൃശ്യമാണ്.

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

HTML ഉപയോഗങ്ങൾ & # 34; ടാഗുകൾ & # 34;

എൻഡ് പോയിന്റുകളും HTML ഉപയോഗിക്കുന്നു. വ്യത്യാസം HTML ൽ നിങ്ങൾക്ക് ഈ അവസാനഭാഗങ്ങൾ കാണാൻ കഴിയും. നിങ്ങൾ അവയെ ടൈപ്പുചെയ്യുന്നു. അവ ടാഗുകൾ എന്ന് വിളിക്കുന്നു.

നമുക്കിത് മുൻ ഉദാഹരണം ചൂടാൻ ആഗ്രഹിക്കുന്നുവെന്ന് പറയാം. നിങ്ങൾ "ഇഴയ്ക്കൽ" എന്ന വാക്ക് ഇറ്റാലിക്സുചെയ്യാൻ ആഗ്രഹിക്കുന്നു. നിങ്ങൾ ആവേശം ടൈപ്പുചെയ്യും. ഇതുപോലെ:

ഹലോ. ഞാൻ HTML ആണ്. ആവേശകരമായ . ആണ്ക്കുട്ടിയായിരുന്നെങ്കില്. അത്ഭുതകരമായ.

നിങ്ങളുടെ ടെക്സ്റ്റ് എഡിറ്ററിൽ അത് സംരക്ഷിക്കുകയും, തുടർന്ന് നിങ്ങളുടെ CMS ലെ "പുതിയ ലേഖനം" ബോക്സിൽ HTML പകർത്തി ഒട്ടിക്കുകയും ചെയ്യുക. ബ്രൌസർ പേജ് കാണിക്കുമ്പോൾ, ഇത് ഇങ്ങനെ ചെയ്യും:

ഹലോ. ഞാൻ HTML ആണ്. ആവേശം . ആണ്ക്കുട്ടിയായിരുന്നെങ്കില്. അത്ഭുതകരമായ.

ഒരു വേഡ് പ്രോസസ്സർ പോലെയല്ല, നിങ്ങൾ ടൈപ് ചെയ്യുന്നതു പോലെ ഇറ്റാലിക്സ് നിങ്ങൾക്ക് കാണുന്നില്ല . നിങ്ങൾ ടാഗുകൾ ടൈപ്പുചെയ്യുക. ബ്രൗസർ ടാഗുകൾ വായിക്കുകയും അവയെ അദൃശ്യമാക്കി മാറ്റുകയും നിർദ്ദേശങ്ങൾ പാലിക്കുകയും ചെയ്യുന്നു.

ആ ടാഗുകളെല്ലാം അലോസരപ്പെടുത്തുന്നതാണ്, എന്നാൽ വലത് ടെക്സ്റ്റ് എഡിറ്റർ ഇത് വളരെ എളുപ്പമാക്കുന്നു.

തുറക്കുന്നതും അടയ്ക്കുന്നതുമായ ടാഗുകൾ

കൂടാതെ ടാഗുകളിൽ വീണ്ടും നോക്കുക. ഞാൻ i ബട്ടണിന്റെ ആദ്യത്തെ ക്ലിക്കി പോലെ ഇറ്റാലിക്സിൽ തിരിയുന്നു. നിങ്ങളുടെ രണ്ടാമത്തെ ക്ലിക്കിനെ പോലെ ഇറ്റാലിക്സിസ് ഓഫ് ചെയ്യുന്നു .

ഒരു ബട്ടൺ ക്ലിക്കുചെയ്യുന്നതിനു പകരം, നിങ്ങൾ ചെറിയ ടാഗുകളിൽ ടൈപ്പുചെയ്യുന്നു. ഇറ്റാലിക്സ് ആരംഭിക്കുന്നതിന് ഒരു ഉദ്ഘാടന മുദ്ര, അവ അവസാനിപ്പിക്കാൻ ഒരു അടയ്ക്കുന്ന ടാഗ്.

ടാഗുകൾ തമ്മിലുള്ള വ്യത്യാസം ശ്രദ്ധിക്കുക. ക്ലോസിംഗ് a /, ഒരു സ്ളാലിനുണ്ട്. HTML ലെ എല്ലാ അടയ്ക്കുന്ന ടാഗുകളും ആ സ്ലാഷ് ഉണ്ടാകും.

അടയ്ക്കുന്ന ടാഗിൽ നിന്ന് മറക്കാതിരിക്കുക

അടയ്ക്കുന്ന ടാഗുകൾ പ്രധാനമാണ്. നിങ്ങൾ അടയ്ക്കുന്ന കാര്യം മറന്നാൽ , ഇത് പോലെ?

ഹലോ. ഞാൻ HTML ആണ്. ആവേശം. ആണ്ക്കുട്ടിയായിരുന്നെങ്കില്. അത്ഭുതകരമായ.

നിങ്ങൾ വീണ്ടും ഇറ്റാലിക്സ് ഓഫ് ചെയ്യാനായി വീണ്ടും ക്ലിക്കുചെയ്ത് മറന്നതുപോലെ തോന്നുന്നു. നിങ്ങൾക്ക് ഇത് ലഭിക്കും:

ഹലോ. ഞാൻ HTML ആണ്. ആവേശം. ആണ്ക്കുട്ടിയായിരുന്നെങ്കില്. അത്ഭുതകരമായ.

ഒരു ഒറ്റ ടേഡ് ടാഗ് മുഴുവൻ ലേഖനം അല്ലെങ്കിൽ പേജിന്റെ ബാക്കിയുള്ള ഇബ്സറ്റിക് നദിയാക്കി മാറ്റാൻ കഴിയും.

ഇത് നിങ്ങൾക്ക് ഏറ്റവും എളുപ്പവും രസകരമല്ലാത്ത തുടക്കക്കാരിയാവുന്ന പിഴവുകളുമാണ്. എന്നാൽ ഇത് പരിഹരിക്കാൻ എളുപ്പമാണ്. ക്ലോസിംഗ് ടാഗിൽ പോപ്പ്.

ഇപ്പോൾ ചില ടാഗുകൾ അറിയുക

അഭിനന്ദനങ്ങൾ! നിങ്ങൾ അടിസ്ഥാന HTML മനസിലാക്കുന്നു!

തുറന്നതും അടയ്ക്കുന്നതുമായ ടാഗുകളുപയോഗിച്ച് ഓർഡിനറി ടെക്സ്റ്റ്. അത് വളരെ നല്ലതാണ്.

ഇപ്പോൾ ചില അടിസ്ഥാന HTML ടാഗുകൾ മനസിലാക്കുക. (നിങ്ങൾ ആദ്യം ഒരു നല്ല ടെക്സ്റ്റ് എഡിറ്റർ ലഭിക്കാൻ ആഗ്രഹിച്ചേക്കാം.)